import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import './index.css';
import { envProblem } from './lib/env';
import { SetupNotice } from './components/feedback/SetupNotice';

const root = createRoot(document.getElementById('root')!);

if (envProblem) {
  // The Supabase client is never created when configuration is wrong.
  root.render(<SetupNotice message={envProblem} />);
} else {
  import('./app/App').then(({ default: App }) => {
    root.render(
      <StrictMode>
        <App />
      </StrictMode>,
    );
  });
}