fix(02): CSS-safe occurrence ids + error boundary to surface render errors

Schedule-X rejects ids containing ':' '[' ']' (the old ${uid}::${iso} form) — mint ev-<uid>-<epochMs> instead. Add an ErrorBoundary so a render throw shows the error instead of a blank page.
This commit is contained in:
Lucas Berger
2026-06-05 14:30:32 -04:00
parent 93c368402c
commit bef4a83fe0
3 changed files with 97 additions and 4 deletions
+4 -1
View File
@@ -12,6 +12,7 @@ import React from 'react'
import ReactDOM from 'react-dom/client'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import App from './App.js'
import { ErrorBoundary } from './components/ErrorBoundary.js'
const queryClient = new QueryClient({
defaultOptions: {
@@ -25,7 +26,9 @@ const queryClient = new QueryClient({
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
<QueryClientProvider client={queryClient}>
<App />
<ErrorBoundary>
<App />
</ErrorBoundary>
</QueryClientProvider>
</React.StrictMode>,
)