Add Support for Zustand 4.5.0+ and Introduce Mutative Middleware

[imarabinda]

Description

This PR addresses the compatibility issue with zustand version 4.5.0 and above. It includes the following updates:

• Added support for Zustand 4.5.0+.
• mutative support. Pass mutative: true in the options.

Migration Instructions

Update the Store Initialization:

1. Replace the old method of initializing the store with the new API.

   const store = createStore(
   () => ({
       name: 'zustandX',
       stars: 0,
   }),
   {
       name: 'repo',
       immer: true,
   }
   );

   or

   const store = createStore({
       name: 'zustandX',
       stars: 0,
   },
   {
       name: 'repo',
       immer: true,
   }
   );

2. Ensure to pass the configuration object with name and other options as needed.

3. If your application relies on immer, enable it by passing immer: true in the configuration object.

   const store = createStore(
   () => ({
       name: 'zustandX',
       stars: 0,
   }),
   {
       name: 'repo',
       immer: true,
   }
   );

4. With the new version, integrating middlewares has also changed. Here's how to upgrade your middleware usage:

   const store = createStore(
   middlewareWrapHere(() => ({
       name: 'zustandX',
       stars: 0,
   })),
   {
       name: 'repo',
       immer: true,
   }
   );

[changeset-bot]

🦋 Changeset detected

Latest commit: 2fa1da9

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
zustand-x	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[zbeyens]

Awesome! I'll let you add the major changeset, then I'll release this.

[zbeyens]

Just need to fix the CI now.

[imarabinda]

@zbeyens can you start the last workflow?

[zbeyens]

Thanks!

[zbeyens]

@imarabinda README has extendSelectors((state, get, api), should we update it and add the missing breaking change in the changelog?