import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import './index.css'
import App from './App.jsx'
import { LanguageProvider } from './context/LanguageContext';
import { MessageDialogProvider } from './context/MessageDialogContext';

const queryClient = new QueryClient()

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <QueryClientProvider client={queryClient}>
      <LanguageProvider>
        <MessageDialogProvider>
          <App />
        </MessageDialogProvider>
      </LanguageProvider>
    </QueryClientProvider>
  </StrictMode>,
)