Merge branch 'ian/ftux' of https://github.com/thirdweb-dev/js into ian/ftux

Author: ianthirdweb

apps/dashboard/src/app/onboarding/layout.tsx

@@ -1,14 +1,11 @@
-import { getThirdwebClient } from "@/constants/thirdweb.server";
-import { AutoConnect } from "thirdweb/react";
+import { TWAutoConnect } from "app/components/autoconnect";
 
 export default function OnboardingLayout({
   children,
 }: { children: React.ReactNode }) {
-  const thirdwebClient = getThirdwebClient();
-
   return (
     <>
-      <AutoConnect client={thirdwebClient} />
+      <TWAutoConnect />
       {children}
     </>
   );

apps/dashboard/src/app/onboarding/page.tsx

@@ -21,6 +21,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
+import { useDashboardRouter } from "@/lib/DashboardRouter";
 import { cn } from "@/lib/utils";
 import { useAccount } from "@3rdweb-sdk/react/hooks/useApi";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -43,7 +44,6 @@ import {
   Wallet,
   WalletCards,
 } from "lucide-react";
-import { useRouter } from "next/navigation";
 import React from "react";
 import { useState } from "react";
 import {
@@ -197,7 +197,7 @@ export default function OnboardingPage({
   const [step, setStep] = useState(searchParams.email ? 2 : 1);
   const [direction, setDirection] = useState(1);
   const [isLoading, setIsLoading] = useState(false);
-  const router = useRouter();
+  const router = useDashboardRouter();
 
   const form = useForm<FormData>({
     resolver: zodResolver(formSchema),