From 032219526a5920bee50061e4525bbaa187ff7905 Mon Sep 17 00:00:00 2001 From: Jose Enrique Marquez Date: Mon, 23 May 2022 16:45:48 -0500 Subject: [PATCH] Avoid casting on root element --- .../cra-template-typescript/template/src/index.tsx | 11 ++++++++--- packages/cra-template/template/src/index.js | 9 ++++++++- 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/packages/cra-template-typescript/template/src/index.tsx b/packages/cra-template-typescript/template/src/index.tsx index 032464fb6ec..7aaaf2233d4 100644 --- a/packages/cra-template-typescript/template/src/index.tsx +++ b/packages/cra-template-typescript/template/src/index.tsx @@ -4,9 +4,14 @@ import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; -const root = ReactDOM.createRoot( - document.getElementById('root') as HTMLElement -); +const rootElement = document.getElementById('root'); + +if (null === rootElement) { + throw new Error('Element with "root" id was not found.'); +} + +const root = ReactDOM.createRoot(rootElement); + root.render( diff --git a/packages/cra-template/template/src/index.js b/packages/cra-template/template/src/index.js index d563c0fb10b..7aaaf2233d4 100644 --- a/packages/cra-template/template/src/index.js +++ b/packages/cra-template/template/src/index.js @@ -4,7 +4,14 @@ import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; -const root = ReactDOM.createRoot(document.getElementById('root')); +const rootElement = document.getElementById('root'); + +if (null === rootElement) { + throw new Error('Element with "root" id was not found.'); +} + +const root = ReactDOM.createRoot(rootElement); + root.render(