25 lines · 806 B · TypeScript
RawDownload
import { ClerkProvider } from "@clerk/react";import type { ReactNode } from "react"; import { ManagedRelayAuthProvider } from "../../cloud/managedAuth";import { clerkAppearance } from "./clerkAppearance"; /** * Browser half of the managed-auth boundary, loaded lazily from the entry so * cloudless local mode never downloads a Clerk runtime. The browser provider * stays small on its own: it hotloads clerk-js at runtime instead of bundling * it. */export default function BrowserManagedAuthShell({  publishableKey,  children,}: {  readonly publishableKey: string;  readonly children: ReactNode;}) {  return (    <ClerkProvider appearance={clerkAppearance} publishableKey={publishableKey}>      <ManagedRelayAuthProvider>{children}</ManagedRelayAuthProvider>    </ClerkProvider>  );}