Is it possible to set the default comparison function to shallow?

I recently updated to Zustand 3.6.5. The changed order of .subscribe and the need to use subscribeWithSelector came as a bit of a surprise but once I worked everything out it’s worth it for the improved types.

However, I now have to import shallow from 'zustand/shallow' all over my app. So far there’s nowhere that I don’t want to use shallow comparison. Is there any way to set the default comparison function on the store itself? Or if not, could this feature be added?

[ehynds]

For anyone looking to use the wrapper approach and are wondering what to replace the deprecated StateSelector with, this works:

const useBearStore = create<State>()( ... );

const useShallowBearStore = <U>(selector: (state: State) => U) => {
  return useBearStore(selector, shallow);
};

[dai-shi]

If this works it’s a nice solution too. However, it’s non-obvious - it’s not something most people would ever think of doing

Oh… I thought it’s very obvious. We could add docs about wrapping with custom hooks. This should be very powerful, not only for this use case.

what is the issue with adding options as the second parameter for create?

It increases bundle size. For enhancing features like this, middleware is the way already provided, or a wrapper like that.