Web3Auth · youssefea · Jan 20, 2026 · Jan 21, 2026 · Jan 21, 2026 · Jan 21, 2026
diff --git a/demo/nextjs-ssr-app/app/layout.tsx b/demo/nextjs-ssr-app/app/layout.tsx
@@ -13,8 +13,8 @@ export const metadata = {
   description: "Web3Auth NextJS Quick Start",
 };
 
-export default function RootLayout({ children }: { children: React.ReactNode }) {
-  const web3authInitialState = cookieToWeb3AuthState((headers()).get('cookie'))
+export default async function RootLayout({ children }: { children: React.ReactNode }) {
+  const web3authInitialState = cookieToWeb3AuthState(((await headers())).get('cookie'))
   console.log("web3authInitialState", web3authInitialState)
   return (
     <html lang="en">

diff --git a/demo/nextjs-ssr-app/components/Main.tsx b/demo/nextjs-ssr-app/components/Main.tsx
@@ -12,19 +12,20 @@ import {
   useWeb3AuthDisconnect,
   useWeb3AuthUser,
 } from "@web3auth/modal/react";
-import { useAccount, useBalance, useChainId, useSignMessage, useSignTypedData, useSwitchChain } from "wagmi";
+import { useConnection, useBalance, useChainId, useSignMessage, useSignTypedData, useSwitchChain, useChains } from "wagmi";
 
 const Main = () => {
   const { provider, isConnected } = useWeb3Auth();
-  const { chains, switchChain } = useSwitchChain();
+  const { mutate: switchChain } = useSwitchChain();
+  const chains = useChains();
   const chainId = useChainId();
   const { loading: connecting, connect, error: connectingError, connectorName } = useWeb3AuthConnect();
   const { disconnect } = useWeb3AuthDisconnect();
-  const { signMessageAsync, data: signedMessageData } = useSignMessage();
-  const { address, isConnected: isWagmiConnected } = useAccount();
+  const { mutateAsync: signMessageAsync, data: signedMessageData } = useSignMessage();
+  const { address, isConnected: isWagmiConnected } = useConnection();
   const { userInfo, isMFAEnabled } = useWeb3AuthUser();
   const { data: balance } = useBalance({ address });
-  const { signTypedData, data: signedTypedDataData } = useSignTypedData();
+  const { mutate: signTypedData, data: signedTypedDataData } = useSignTypedData();
   const { enableMFA, loading: isEnableMFALoading, error: enableMFAError } = useEnableMFA();
   const { manageMFA, loading: isManageMFALoading, error: manageMFAError } = useManageMFA();
   const { showCheckout, loading: isCheckoutLoading, error: checkoutError } = useCheckout();

diff --git a/demo/nextjs-ssr-app/eslint.config.mjs b/demo/nextjs-ssr-app/eslint.config.mjs
@@ -0,0 +1,11 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextCoreWebVitals from "eslint-config-next/core-web-vitals";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export default defineConfig([globalIgnores(["**/*.config.js"]), {
+    extends: [...nextCoreWebVitals],
+}]);
diff --git a/demo/nextjs-ssr-app/next-env.d.ts b/demo/nextjs-ssr-app/next-env.d.ts
@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.