Devtools doesn't work with Zustand

[Gianarci]

Hello,

I'm using Zustand 4.5.0 with Redux DevTools 3.1.6 in Chrome 121.0 (64-bit). In my Typescript project, I've a store partitioned in slices:

export const useStore = create<AllSlices>()(devtools((...args) => {
	return {
		...createPrjSlice   (...args),
		...createUISlice    (...args),
		...createCommonSlice(...args)
	}
}))

An example of slice:

(...)
type StateSlice<T, V> = StateCreator<T, [], [["zustand/devtools", never]], V>;

type AllSlices = PrjSlice & PrjActions & UISlice & UIActions & CommonActions;

export const createUISlice: StateSlice<AllSlices, UISlice & UIActions> = devtools(set => {
	return {
		...initialSlice,
		(...)
		resetUi: () => set(initialSlice, false, { type: 'resetUi' })
	}

}, { enabled: !isProduction(), name: 'ui' })

First of all, when the application starts, the Redux Devtools shows only the @@INIT action and until I click it, the store's state is showed as:

(pin): undefined

In the list of instances I've 4 voices: "Autoselect instances", "ui", "project" and the name of the application.
If select the "ui" and "project", I can see the actions of the related slices with the types and payloads.
Instead, If I choose the application name, all the actions seems to be displayed but all as "Anonymous". Why? I need to show all the actions of all the slices with its type and payload.

In addition, sometimes when I click on an action (to go back), the tool hangs for few seconds (except when the application name is selected).

Has anyone else had the same problem? Is there some issue with the code above?

Thanks in advance.