import { createRoot } from 'react-dom/client';
import { App } from './App.tsx';
import './globals.css';
import { Suspense } from 'react';
import { I18NextProvider } from '@kevisual/components/translate/I18Next.tsx';

createRoot(document.getElementById('root')!).render(
  <I18NextProvider basename={!DEV_SERVER ? '/root/locales' : '/'}>
    <Suspense fallback={<div>Loading...</div>}>
      <App />
    </Suspense>
  </I18NextProvider>,
);