import {createRoot} from 'react-dom/client';
import App from './App.tsx';
import './index.css';
import { ThemeProvider } from './context/ThemeContext';

// Safely suppress harmless DOMException when media play() is interrupted by component unmounts
window.addEventListener('unhandledrejection', (event) => {
  if (
    event.reason?.name === 'AbortError' ||
    (typeof event.reason?.message === 'string' &&
      (event.reason.message.includes('interrupted') ||
       event.reason.message.includes('media was removed')))
  ) {
    event.preventDefault();
  }
});

createRoot(document.getElementById('root')!).render(
  <ThemeProvider>
    <App />
  </ThemeProvider>
);