From b56bada0faa397186bb4c9498349eab56b5d9b52 Mon Sep 17 00:00:00 2001
From: thesn10 <38666407+thesn10@users.noreply.github.com>
Date: Fri, 22 May 2026 21:07:49 +0200
Subject: [PATCH] fix hydration error

---
 app/src/components/WalletButton.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/src/components/WalletButton.tsx b/app/src/components/WalletButton.tsx
index 0b57abd..0baad3f 100644
--- a/app/src/components/WalletButton.tsx
+++ b/app/src/components/WalletButton.tsx
@@ -1,9 +1,13 @@
 'use client'
 
-import React from 'react'
+import { useState, useEffect } from 'react'
 import { WalletMultiButton } from '@solana/wallet-adapter-react-ui'
 
 export function WalletButton() {
+  const [mounted, setMounted] = useState(false)
+  useEffect(() => setMounted(true), [])
+  if (!mounted) return null
+
   return (
     <WalletMultiButton
       style={{