[bug] Appkit makes Next.js app render twice

[oluSammy]

Link to minimal reproducible example

https://codesandbox.io/p/devbox/49262s

Summary

While implementing Reown AppKit in a Next.js application following the official documentation (https://docs.reown.com/appkit/next/core/installation), I've observed unexpected multiple rendering behavior.

Steps to Reproduce:

1. Followed the Next.js integration steps from the Reown documentation
2. Added a timestamp log in the entry page:

   console.log("App Rendered", new Date().getTime());

3. Observed the application behavior

Current Behavior:

• The console log appears twice, indicating double rendering
• This occurs consistently on initial page load
• In our large-scale application, this double rendering is causing performance issues

Expected Behavior:

• The application should render only once during the initial load

List of related npm package versions

• @reown/appkit: 1.6.3
• @reown/appkit-adapter-wagmi: 1.6.3
• @tanstack/react-query: 5.63.0
• @wagmi/core: 2.16.3
• next: 15.0.3
• React: 18
• wagmi: 2.14.6

Node.js Version

v20.9.0

Package Manager

npm@9.8.1

[linear]

APKT-1880 [bug] Appkit makes Next.js app render twice