Will React Compiler (from React 19) affect Zustand in any way?

[rodrigocfd]

The announcement of React compiler with the upcoming React 19 is generating a lot of discussion, due to how it will eliminate the need for manual memoization. I'm trying it myself, and I'm very impressed with the results. Out of the box optimization is not something we're used to in React land.

So now I'm wondering, @dai-shi: will this React Compiler affect Zustand in some way, either its external API or its internal implementation?

[dai-shi]

I don't think so. It should just work fine.

[RusithTharindu]

Try this command

npm install zustand --legacy-peer-deps

[DhtIsCoding]

@KarimBenSmida would you mind sharing us a minimal repro on stactkblitz?

I create a minimal repro: https://stackblitz.com/edit/vitejs-vite-cpk7jgkk?file=src%2FApp.tsx.

[dai-shi]

playground. Hmm, the compiled code doesn't check the change. This doesn't even include Zustand.

[dai-shi]

Oh!!!!! I found it.

-   const isFullScreen = usefullScreenStore((state) => state.isFullScreen);
+   const isFullScreen = useFullScreenStore((state) => state.isFullScreen);

😄

[DhtIsCoding]

Oh!!!!! I found it.

-   const isFullScreen = usefullScreenStore((state) => state.isFullScreen);
+   const isFullScreen = useFullScreenStore((state) => state.isFullScreen);

😄

This is really an interesting bug. Thank you very much for taking the time to answer it.

[Germano123]

I'm having the same problem installing Next 19.

For a minimal project just instal latest version.