Does makes sense to use like that?

[ImamJanjua]

Hi, I am trying out zustand but not really sure if I am using it correctly?

[dai-shi]

Your selector returns a new reference every time, which lose the render optimization. There are many ways to fix it, but one is to use useShallow.

[ImamJanjua]

@dai-shi u mean something like this? So calling with the use syntax.

const setDoctor = useDoctorStore.use.setDoctor(); const email = useDoctorStore.use.email; const password = useDoctorStore.use.password;

[dai-shi]

that should work too.

[ImamJanjua]

thanks, but how can desctruture it?

[dai-shi]

They are already isolated. I'm not sure why you need to destructure them?

[ImamJanjua]

because that would a bit less lines of code especially if store has more properties. But if this the way than i will use it.

[dai-shi]

useShallow (or createWithEqualityFn + shallow) may help.

const [a, b] = useFooStore(useShallow((state) => [state.a, state.b]))

[ImamJanjua]

Hi, me again. Could u maybe tell me why i am getting this errors when i wanna use persist?

const useDoctorStore = create<State & Actions>( persist( (set) => ({ ...initialState, setDoctor: (doctor) => { set((state) => ({ ...state, ...doctor })); }, }), { name: "doctorStore", getStorage: () => sessionStorage, }, ), );

[dbritto-dev]

@ImamJanjua you should use the curried version in TypeScript create<T>()(...)