Update connect modal (#340)

app/app/theme.tsx

@@ -4,7 +4,13 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ThemeProvider } from 'next-themes';
 import { useEffect } from 'react';
 import { holesky, mainnet, sepolia } from 'viem/chains';
-import { createConfig, http, WagmiProvider } from 'wagmi';
+import {
+    createConfig,
+    http,
+    useAccount,
+    useConfig,
+    WagmiProvider,
+} from 'wagmi';
 import { injected, walletConnect } from 'wagmi/connectors';
 
 const config = createConfig({
@@ -30,6 +36,8 @@ const config = createConfig({
 });
 
 declare module 'wagmi' {
+    // @ts-ignore
+    // eslint-disable-next-line unused-imports/no-unused-vars
     interface Register {
         config: typeof config;
     }
@@ -38,19 +46,29 @@ declare module 'wagmi' {
 const queryClient = new QueryClient();
 
 export const Theme = ({ children }) => {
-    useEffect(() => {
-        (async () => {
-            const { setupConfig } = await import('@ens-tools/thorin-core');
-
-            setupConfig(() => config as any);
-        })();
-    }, []);
-
     return (
         <ThemeProvider attribute="class">
             <QueryClientProvider client={queryClient}>
-                <WagmiProvider config={config}>{children}</WagmiProvider>
+                <WagmiProvider config={config}>
+                    {children}
+                    <WagmiChild />
+                </WagmiProvider>
             </QueryClientProvider>
         </ThemeProvider>
     );
 };
+
+export const WagmiChild = () => {
+    const state = useConfig();
+    const { address, connector } = useAccount();
+
+    useEffect(() => {
+        (async () => {
+            const { setupConfig } = await import('@ens-tools/thorin-core');
+
+            setupConfig(() => state || config);
+        })();
+    }, [state, address, connector]);
+
+    return <></>;
+};

app/package.json

@@ -12,7 +12,7 @@
     "browserslist": "defaults, not ie <= 11",
     "dependencies": {
         "@ens-tools/format": "^0.0.2",
-        "@ens-tools/thorin-core": "0.0.5",
+        "@ens-tools/thorin-core": "0.1.4-1",
         "@ensdomains/thorin": "1.0.0-beta.9",
         "@headlessui/react": "^1.7.18",
         "@mdx-js/loader": "^3.0.0",