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

function initReactMount() {
  const mountTarget = document.getElementById('genre-recharts-root') || document.getElementById('root');
  if (mountTarget) {
    createRoot(mountTarget).render(<App />);
  }
}

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', initReactMount);
} else {
  initReactMount();
}