From 315f18420157acedbe59b1ee3729b560f234eee4 Mon Sep 17 00:00:00 2001
From: Kexort <kexort@gmail.com>
Date: Mon, 21 Jul 2025 07:48:04 +0200
Subject: [PATCH] fix: eth_chainId RPC method is called many times on load

---
 src/providers/Settings.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/providers/Settings.tsx b/src/providers/Settings.tsx
index f85bde0d..e560111f 100644
--- a/src/providers/Settings.tsx
+++ b/src/providers/Settings.tsx
@@ -71,7 +71,12 @@ export function Provider({ children, ...propsSettings }: Props): ReactElement {
   const [beeApi, setBeeApi] = useState<Bee | null>(null)
   const [desktopApiKey, setDesktopApiKey] = useState<string>(initialValues.desktopApiKey)
   const [rpcProviderUrl, setRpcProviderUrl] = useState(propsProviderUrl)
-  const [rpcProvider, setRpcProvider] = useState(new providers.JsonRpcProvider(propsProviderUrl))
+  const [rpcProvider, setRpcProvider] = useState<providers.JsonRpcProvider | null>(null)
+
+  useEffect(() => {
+    setRpcProvider(new providers.JsonRpcProvider(rpcProviderUrl))
+  }, [rpcProviderUrl])
+
   const { config, isLoading, error } = useGetBeeConfig(desktopUrl)
 
   useEffect(() => {