e11fb30350
Pin React Three Fiber to React 18, remove PWA caching, add SessionGate and error boundaries, and document movie fusion, auth, outputs, and troubleshooting.
30 lines
969 B
TypeScript
30 lines
969 B
TypeScript
import React from 'react';
|
|
import ReactDOM from 'react-dom/client';
|
|
import { BrowserRouter } from 'react-router-dom';
|
|
import App from './App';
|
|
import ErrorBoundary from './components/ErrorBoundary';
|
|
import './styles/global.css';
|
|
import './styles/steampunk-theme.css';
|
|
|
|
ReactDOM.createRoot(document.getElementById('root')!).render(
|
|
<React.StrictMode>
|
|
<ErrorBoundary
|
|
fallback={
|
|
<div className="session-gate">
|
|
<div className="session-gate-card card">
|
|
<h1 className="font-display">AetherForge</h1>
|
|
<p className="form-hint">The dashboard failed to load. Hard-refresh (Ctrl+Shift+R) or clear site data for this host.</p>
|
|
<button type="button" className="btn btn-primary" onClick={() => window.location.reload()}>
|
|
Reload
|
|
</button>
|
|
</div>
|
|
</div>
|
|
}
|
|
>
|
|
<BrowserRouter>
|
|
<App />
|
|
</BrowserRouter>
|
|
</ErrorBoundary>
|
|
</React.StrictMode>
|
|
);
|