From 45d67bc4bceff757e7642eb89d9a9f33cef922ae Mon Sep 17 00:00:00 2001
From: thesn10 <38666407+thesn10@users.noreply.github.com>
Date: Sat, 23 May 2026 20:11:12 +0200
Subject: [PATCH] fix hydration mismatch

---
 app/src/app/page.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/src/app/page.tsx b/app/src/app/page.tsx
index c32f434..73dd2fd 100644
--- a/app/src/app/page.tsx
+++ b/app/src/app/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 import { YStack, XStack, Text, Button, Spinner, Separator } from 'tamagui'
 import { WalletButton } from '@/components/WalletButton'
 import { CreateEscrowForm } from '@/components/CreateEscrowForm'
@@ -17,6 +17,8 @@ export default function PlaygroundPage() {
   const { escrows, loading, error, refresh } = useEscrows()
   const [selected, setSelected] = useState<EscrowAccountWithPda | null>(null)
   const [showResolvers, setShowResolvers] = useState(false)
+  const [mounted, setMounted] = useState(false)
+  useEffect(() => { setMounted(true) }, [])
 
   return (
     <YStack flex={1} minHeight="100vh" backgroundColor="$background">
@@ -59,7 +61,7 @@ export default function PlaygroundPage() {
             </select>
           </XStack>
 
-          {isDevnet && (
+          {mounted && isDevnet && (
             <a
               href="https://faucet.solana.com/"
               target="_blank"