Nebula: Fix AutoConnect not using nebula client in root layout

Author: MananTank

apps/dashboard/src/app/(app)/account/layout.tsx

@@ -46,7 +46,7 @@ export default async function AccountLayout(props: {
         />
         {props.children}
       </div>
-      <TWAutoConnect />
+      <TWAutoConnect client={client} />
       <AppFooter />
     </div>
   );

apps/dashboard/src/app/(app)/components/autoconnect.tsx

@@ -1,16 +1,15 @@
 "use client";
-import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
+import type { ThirdwebClient } from "thirdweb";
 import { AutoConnect } from "thirdweb/react";
 import type { SmartWalletOptions } from "thirdweb/wallets";
 
-const client = getClientThirdwebClient();
-
 export function TWAutoConnect(props: {
   accountAbstraction?: SmartWalletOptions;
+  client: ThirdwebClient;
 }) {
   return (
     <AutoConnect
-      client={client}
+      client={props.client}
       accountAbstraction={props.accountAbstraction}
     />
   );

apps/dashboard/src/app/(app)/providers.tsx

@@ -18,6 +18,7 @@ import {
 import { TWAutoConnect } from "./components/autoconnect";
 
 const queryClient = new QueryClient();
+const thirdwebClient = getClientThirdwebClient();
 
 export function AppRouterProviders(props: { children: React.ReactNode }) {
   return (
@@ -26,7 +27,7 @@ export function AppRouterProviders(props: { children: React.ReactNode }) {
         <SyncChainStores />
         <ThirdwebProvider>
           <SyncChainDefinitionsToConnectionManager />
-          <TWAutoConnect />
+          <TWAutoConnect client={thirdwebClient} />
           <ThemeProvider
             attribute="class"
             disableTransitionOnChange

apps/dashboard/src/app/nebula-app/providers.tsx

@@ -8,6 +8,7 @@ import { Toaster } from "sonner";
 import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
 import { TWAutoConnect } from "../(app)/components/autoconnect";
 import { NebulaConnectWallet } from "./(app)/components/NebulaConnectButton";
+import { nebulaAppThirdwebClient } from "./(app)/utils/nebulaThirdwebClient";
 import { nebulaAAOptions } from "./login/account-abstraction";
 
 const queryClient = new QueryClient();
@@ -16,7 +17,10 @@ export function NebulaProviders(props: { children: React.ReactNode }) {
   return (
     <QueryClientProvider client={queryClient}>
       <ThirdwebProvider>
-        <TWAutoConnect accountAbstraction={nebulaAAOptions} />
+        <TWAutoConnect
+          accountAbstraction={nebulaAAOptions}
+          client={nebulaAppThirdwebClient}
+        />
         <ThemeProvider
           attribute="class"
           disableTransitionOnChange