Waku errors with jotai-ssr

[dai-shi]

@akkadaska reported several issues in pmndrs/jotai#2692

Additionally, a Waku-specific error not encountered with Next.js and Remix occurs:

• Hydration Mismatch Error: Directly accessing pages that utilize useHydrateAtoms or HydrationBoundary without RenderingBoundary leads to a hydration mismatch error: "Hydration failed because the server rendered HTML didn't match the client. As a result, this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:..."

Finally, an issue unrelated to Jotai occurs when importing modules containing the 'use client'; directive (like Provider, HydrationBoundary) from server components (pages/**/*.tsx):

• Server-Side Import Error: Importing these modules from server components causes a server error. For instance, importing Provider in pages/index.tsx results in this error:

Cannot find module '/node_modules/jotai/esm/react.mjs' imported from /path-to-project/node_modules/waku/dist/lib/middleware/dev-server-impl.js

[dai-shi]

Re: pmndrs/jotai#2692 (comment)

https://stackblitz.com/edit/github-bbtjui?file=src%2Fcomponents%2Fprovider.tsx,src%2Fpages%2F_layout.tsx doesn't cause any errors.
@akkadaska Can you help making a small reproduction?

[dai-shi]

https://stackblitz.com/edit/github-bbtjui-q5yjrk?file=src%2Fpages%2F_layout.tsx

Reproduced with Jotai too. Oh, I wasn't aware of this. Let's fix.

[dai-shi]

https://stackblitz.com/edit/github-y5y7tq-fsxgko?file=src%2Fentries.tsx

Can reproduce without waku/router.

[dai-shi]

Hmm, e2e test can't reproduce it.

[dai-shi]

PR 👉 #864

[dai-shi]

#864 fixes it: https://stackblitz.com/edit/github-y5y7tq-bxd7mm?file=package.json

[dai-shi]

#863 (reply in thread)

@dai-shi And Hydration Mismatch Error was caused by my mistake of implementation. With correct one, this works well. akkadaska/jotai-waku-link-navigation@4a51737

I am very sorry for my mistake. Waku seems to have only "Server-Side Import Error" I think.

Thanks for confirming. That's a relief.