src/wallet/RainbowWalletProvider.tsx

@@ -12,7 +12,7 @@ import {
 } from "@rainbow-me/rainbowkit/wallets";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useState, type ReactNode } from "react";
-import { http, createConfig, WagmiProvider } from "wagmi";
+import { http, createConfig, WagmiProvider, useReconnect } from "wagmi";
 import { bsc } from "wagmi/chains";
 
 const projectId =
@@ -40,12 +40,18 @@ export const wagmiConfig = createConfig({
   },
 });
 
+function WalletReconnectOnMount() {
+  useReconnect();
+  return null;
+}
+
 export function RainbowWalletProvider({ children }: { children: ReactNode }) {
   const [queryClient] = useState(() => new QueryClient());
 
   return (
     <WagmiProvider config={wagmiConfig}>
       <QueryClientProvider client={queryClient}>
+        <WalletReconnectOnMount />
         <RainbowKitProvider
           modalSize="compact"
           theme={darkTheme({