import React from "react";import ReactDOM from "react-dom/client";import { ClerkProvider } from "@clerk/react";import { passkeys } from "@clerk/electron/passkeys";import { ClerkProvider as ElectronClerkProvider } from "@clerk/electron/react";import { createHashHistory, createBrowserHistory } from "@tanstack/react-router"; import "./index.css"; import { isElectron } from "./env";import { ManagedRelayAuthProvider } from "./cloud/managedAuth";import { hasCloudPublicConfig } from "./cloud/publicConfig";import { getRouter } from "./router";import {  syncDocumentElectronPlatformClasses,  syncDocumentWindowControlsOverlayClass,} from "./lib/windowControlsOverlay";import { AppRoot } from "./AppRoot"; // Electron loads the app from a file-backed shell, so hash history avoids path resolution issues.const history = isElectron ? createHashHistory() : createBrowserHistory(); const router = getRouter(history); if (isElectron) {  syncDocumentElectronPlatformClasses(navigator.platform);  syncDocumentWindowControlsOverlayClass();} const clerkPublishableKey = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY as string | undefined; const app = <AppRoot router={router} />; ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(  <React.StrictMode>    {clerkPublishableKey && hasCloudPublicConfig() ? (      isElectron ? (        <ElectronClerkProvider publishableKey={clerkPublishableKey} passkeys={passkeys}>          <ManagedRelayAuthProvider>{app}</ManagedRelayAuthProvider>        </ElectronClerkProvider>      ) : (        <ClerkProvider publishableKey={clerkPublishableKey}>          <ManagedRelayAuthProvider>{app}</ManagedRelayAuthProvider>        </ClerkProvider>      )    ) : (      app    )}  </React.StrictMode>,);