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