import {StrictMode} from 'react';
import {createRoot} from 'react-dom/client';
import App from './App.tsx';
import './index.css';
import {ConvexReactClient} from 'convex/react';
import {ConvexBetterAuthProvider} from '@convex-dev/better-auth/react';
import {authClient} from './lib/auth-client';
import {convexUrl} from './config/backend';

const root = createRoot(document.getElementById('root')!);
const convex = new ConvexReactClient(convexUrl, {expectAuth: true});

root.render(
  <StrictMode>
    <ConvexBetterAuthProvider client={convex} authClient={authClient}>
      <App />
    </ConvexBetterAuthProvider>
  </StrictMode>,
);