force graph, palette

web/components/custom/clerk/clerk-provider-client.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import { ClerkProvider } from "@clerk/nextjs"
+
+export const ClerkProviderClient = ({ children }: { children: React.ReactNode }) => {
+	return <ClerkProvider>{children}</ClerkProvider>
+}

web/components/custom/clerk/sign-in-client.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import { SignIn } from "@clerk/nextjs"
+
+export const SignInClient = () => {
+	return <SignIn />
+}

web/components/custom/clerk/sign-up-client.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import { SignUp } from "@clerk/nextjs"
+
+export const SignUpClient = () => {
+	return <SignUp />
+}

web/components/custom/clerk/signed-in-client.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import { SignedIn } from "@clerk/nextjs"
+
+export const SignedInClient = ({ children }: { children: React.ReactNode }) => {
+	return <SignedIn>{children}</SignedIn>
+}