fix: adds suspense

RootstockCollective · Nov 15, 2024 · 45266c0 · 45266c0
1 parent 9b6fa44
commit 45266c0
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
@@ -9,6 +9,7 @@ import { MainContainer } from '@/components/MainContainer/MainContainer'
 import { Tabs, TabsContent, TabsList, TabsTrigger, TabTitle } from '@/components/Tabs'
 import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { useSearchParams } from 'next/navigation'
+import { Suspense } from 'react'
 import { zeroAddress } from 'viem'
 import { useAccount } from 'wagmi'
 
@@ -46,7 +47,7 @@ const tabs: Tabs = {
   },
 }
 
-export default function User() {
+function User() {
   const { address } = useAccount()
   const { data: gauge, error } = useGetBuilderToGauge(address!)
   const searchParams = useSearchParams()
@@ -80,3 +81,11 @@ export default function User() {
     </MainContainer>
   )
 }
+
+export default function UserPage() {
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <User />
+    </Suspense>
+  )
+}