Clerk Provider (App Router)

1import { ClerkProvider as ClerkNextJSProvider } from '@clerk/nextjs';
2import { shadcn } from '@clerk/ui/themes';
3 
4type ClerkProviderProps = React.ComponentProps<typeof ClerkNextJSProvider>;
5 
6export function ClerkProvider({ children, appearance, ...props }: ClerkProviderProps) {
7  return (
8    <ClerkNextJSProvider
9      appearance={{
10        theme: shadcn,
11        ...appearance,
12      }}
13      {...props}
14    >
15      {children}
16    </ClerkNextJSProvider>
17  );
18}