import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { QueryClientProvider } from '@tanstack/react-query';

import { App } from '@/App';
import { getQueryClient } from '@/lib/queryClient';
import { applyTheme, useUiStore } from '@/stores/ui';
import '@/i18n';
import '@/index.css';

applyTheme(useUiStore.getState().theme);

const container = document.getElementById('root');
if (!container) {
  throw new Error('root container is missing');
}

createRoot(container).render(
  <StrictMode>
    <QueryClientProvider client={getQueryClient()}>
      <App />
    </QueryClientProvider>
  </StrictMode>,
);