[bug] Hydration Error with React 18 and Next 12

[farreldarian]

Is there an existing issue for this?

• I have searched the existing issues

Package Version

0.5.9

Current Behavior

Using any wagmi hooks throws hydration error, probably because of React 18 but #307 has been resolved.

Expected Behavior

Works normally.

Steps To Reproduce

I made a repo to reproduce this behavior, StackBlitz somehow throws more unnecessary errors. It's a clean install create-next-app with wagmi, ethers, and rainbowkit. Removing rainbowkit doesn't solve either.

1. pnpm isntall
2. pnpm dev
3. Go to "http://localhost:3000"
4. Refresh several times

Link to Minimal Reproducible Example (CodeSandbox, StackBlitz, etc.)

https://github.com/farreldarian/wagmi-reproduce-1

Anything else?

Env:
M1 Pro
MacOS 12.4
Node v16.15.1

[johncastorina]

I have also experienced this issue.

[jxom]

wagmi does not have a first class solution for SSR yet. See #542 (comment) for workarounds.

[github-actions]

This issue has been locked since it has been closed for more than 14 days.

If you found a concrete bug or regression related to it, please open a new bug report with a reproduction against the latest wagmi version. If you have any other comments you can create a new discussion.