import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App.tsx';

console.log('System: index.tsx loaded. Initializing React 18 application...');

const rootElement = document.getElementById('root');

if (!rootElement) {
  console.error("System Error: Element with id 'root' not found in DOM.");
  throw new Error("Could not find root element to mount to");
}

try {
  const root = ReactDOM.createRoot(rootElement);
  root.render(
    <React.StrictMode>
      <App />
    </React.StrictMode>
  );
  console.log('System: React render call successful.');
} catch (err) {
  console.error('System Critical: Failed to render the application root.', err);
}