import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import App from './App.tsx';
import { ErrorBoundary } from './components/ErrorBoundary';
import './index.css';

// Prevent uncaught errors from crashing the page
window.addEventListener('error', (event) => {
  console.warn('[Bliss Safe Handler] Caught window error:', event.message);
});

window.addEventListener('unhandledrejection', (event) => {
  console.warn('[Bliss Safe Handler] Caught unhandled rejection:', event.reason);
});

const rootElement = document.getElementById('root');
if (rootElement) {
  (window as any).__BLISS_MOUNTED__ = true;
  createRoot(rootElement).render(
    <StrictMode>
      <ErrorBoundary>
        <App />
      </ErrorBoundary>
    </StrictMode>
  );
}