What’s new in v0.19
In this release we’re adding support for Zustand v4 to Liveblocks, enabling us to improve the quality of our TypeScript, fully aligning it with the standard of our React package.
With the release of Liveblocks 0.19, we’re adding support for Zustand v4 to @liveblocks/zustand. Zustand v4 brings greatly improved TypeScript types to its APIs, enabling us to enhance the quality of our types, bringing it in line with our React package.
To try the new version, upgrade both Zustand to v4 and Liveblocks to v0.19 as part of the same change.
After installing you can then change these imports:
And finally, update your
create function to the new pattern (explanation
In this code snippet, we’re making four changes, as required by Zustand v4, or in accordance with ecosystem conventions:
- Moving the typing from
- Wrapping the
MyStatetype in a
- Adding an extra call
()to the wrapper:
After upgrading, you can now remove any manual type annotations that may have been sprinkled around your codebase. All types will now automatically be inferred!
Because of the nature of the change, we’ll be dropping support for Zustand v3, but it’ll still be supported in previous versions of Liveblocks:
- If you use Zustand v3.x, use Liveblocks 0.18.x.
- If you use Zustand v4.1.3+, use Liveblocks 0.19.x+.
- (Zustand versions 4.0.0–4.1.2 are not supported.)
Huge thanks to everyone who contributed and specifically to Guillaume Salles for his help towards the end allowing us to ship this faster. Also a big shout out to our incredible community that keeps jumping in to help us improve our Zustand integration! Especially Rayo Verweij, for fixing a few minor issues in our whiteboard React + Zustand tutorial. Keep checking out the changelog for the full release notes – see you next time!