fix(app): wrap layout in wagmi provider for prerender

jarrodwatts · jarrodwatts · commit 8692d1b7d986 · 2026-02-23T21:39:34.000+11:00
diff --git a/app/src/app/layout.tsx b/app/src/app/layout.tsx
@@ -3,6 +3,7 @@ import '@/app/fonts.scss';
 
 import type { Viewport } from 'next';
 import Navigation from '@/components/Navigation';
+import AbstractProvider from '@/providers/AbstractProvider';
 
 import styles from './styles.module.scss';
 
@@ -22,8 +23,10 @@ export default function RootLayout({ children }: { children: React.ReactNode })
   return (
     <html className={styles.html} lang="en">
       <body className={styles.body}>
-        <Navigation />
-        <main className={styles.main}>{children}</main>
+        <AbstractProvider>
+          <Navigation />
+          <main className={styles.main}>{children}</main>
+        </AbstractProvider>
       </body>
     </html>
   );
diff --git a/app/src/providers/AbstractProvider.tsx b/app/src/providers/AbstractProvider.tsx
@@ -2,13 +2,14 @@
 
 import { AbstractWalletProvider } from '@abstract-foundation/agw-react';
 import type { Chain } from 'viem/chains';
+import { abstract } from 'viem/chains';
 
 export default function AbstractProvider({
   chain,
   children,
 }: {
-  chain: Chain;
+  chain?: Chain;
   children: React.ReactNode;
 }) {
-  return <AbstractWalletProvider chain={chain}>{children}</AbstractWalletProvider>;
+  return <AbstractWalletProvider chain={chain ?? abstract}>{children}</AbstractWalletProvider>;
 }
