"No store actions" approach doesn't work with redux devtool?

[kelvin-du]

Hi, I tried to use "no actions store" approach to implement my app logic. Everything worked correctly, but it didn't work with redux-devtool. The actions in devtool showed "anonymous" instead of the actual action name . Then I tried to put the actions back in the store state, it worked again.

Here is the simplified version:

type User {
  id: string;
  name: string;
}

type AuthStoreState = {
  user: User;
};

const initialState = {
  user: {
    id: "",
    name: "",
  }
}

const useAuthStore = create<AuthStore>()(
  devtools(
    persist(
      () => initialState,
      {
        name: 'test-store',
        storage: createJSONStorage(() => localStorage),
      },
    ),
    {
      name: "test-app",
      store: "test-store",
    },
  ),
);

export const updateUser = (user) => useAuthStore.setState({ user }, undefined, "updateUser");

Then updateUser was called in a component.

Also, can I put false into the second param of the set and setState instead of undefined (I don't want to override the default merging behavior, just don't like undefined)?

[dai-shi]

Hm, it sounds like a bug. Would anyone like to look into it?

(Yeah, replace=false should work.)