Get rid of non-null assertion

wojtekmaj · wojtekmaj · commit 6df0af525399 · 2024-04-17T12:07:44.000+02:00
diff --git a/index.html b/index.html
@@ -25,7 +25,7 @@
     <link rel="icon" href="favicon.ico" />
   </head>
   <body>
-    <div id="react-root"></div>
+    <div id="root"></div>
     <script type="module" src="./src/index.tsx"></script>
   </body>
 </html>
diff --git a/src/index.tsx b/src/index.tsx
@@ -7,7 +7,13 @@ import './global.css';
 
 import Root from './Root.js';
 
-createRoot(document.getElementById('react-root') as HTMLDivElement).render(
+const root = document.getElementById('root');
+
+if (!root) {
+  throw new Error('Could not find root element');
+}
+
+createRoot(root).render(
   <StrictMode>
     <TProvider defaultLocale={defaultLocale} languageFiles={languageFiles}>
       <Root />
