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> );}
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>
);
}