Fix data-state error

webdevcody · Oct 19, 2024 · ab73918 · ab73918
1 parent c655b20
commit ab73918
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/app/header.tsx b/app/header.tsx
@@ -1,14 +1,21 @@
 "use client";
 
-import Link from "next/link";
+import { GitHubLogoIcon } from "@radix-ui/react-icons";
 import Image from "next/image";
-import { Button } from "@/components/ui/button";
+import Link from "next/link";
+import dynamic from "next/dynamic";
 import { useAuthActions } from "@convex-dev/auth/react";
-import { GitHubLogoIcon } from "@radix-ui/react-icons";
 import { useConvexAuth, useQuery } from "convex/react";
-import { ThemeToggle } from "@/components/ThemeToggle";
+import { Button } from "@/components/ui/button";
 import { api } from "@/convex/_generated/api";
 
+const ThemeToggle = dynamic(
+  async () => (await import("@/components/ThemeToggle")).ThemeToggle,
+  {
+    ssr: false,
+  },
+);
+
 function SignInWithGitHub() {
   const { signIn } = useAuthActions();
   return (