useSuspenseQuery called twice in Next.js app directory

[Sh031224]

Problem

useSuspenseQuery is called once on the server and once on the client.

I followed this example, but I don't know why it gets called twice.

It seems to only happen when using next-themes, but I haven't been able to figure out the exact cause.
I also looked at the next-themes code, but didn't find any code that could be problematic.

If there is a problem with my configuration itself, I would appreciate it if you could let me know.

Demo

https://codesandbox.io/p/devbox/next-themes-suspense-error-forked-ls72ls

2024-04-23.2.36.17.mov

An issue has also been created in next-themes.

[TkDodo]

seems like you are neither using initialData, or hydration, or using our experimental nextjs streaming adapter. So the data from the server never makes it to the client side cache.

[Sh031224]

This is the part I missed. Thank you.