import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import ErrorLimite from './componentes/ErrorLimite'
import { ProveedorSesion } from './hooks/useSesion'
import { ProveedorPreferencias } from './hooks/usePreferencias'
import { registrarServiceWorker } from './lib/notificaciones'
import './index.css'

registrarServiceWorker()

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <React.StrictMode>
    <ProveedorSesion>
      <ProveedorPreferencias>
        <ErrorLimite>
          <App />
        </ErrorLimite>
      </ProveedorPreferencias>
    </ProveedorSesion>
  </React.StrictMode>,
)