threads
threads copied to clipboard
adrianhajdin
Error: ClerkInstanceContext not found
I am getting this error when I create a sign-in and sign-out page at 25:43 in the video. Can anyone tell me what I am doing wrong
I think you haven't wrapped the HTML inside <ClerkProvider> that is why you got this error:
Solution Demo: https://stackoverflow.com/questions/76844096/clerk-instance-not-found
Just wrap your html with <ClerkProvider> in both of auth & root layout..
<ClerkProvider>
<html lang="en">...</html>
</ClerkProvider>
For some reason if I wrap both the sign-in page doesn't pop up for me, page just goes all black.
silly mistake on my part. Put the sign-in tsx file in the sign-up and vice versa
app > (auth) > layout.tsx > RootLayout For the solution, you need to wrap a ClerkProvider in the RootLayout method:
export default function RootLayout({
children
}: {
children: React.ReactNode
}) {
return (
<ClerkProvider>
<html lang="en">
<body className={`${inter.className} bg-dark-1`}>
{children}
</body>
</html>
</ClerkProvider>
)
}
