Use non-null assertion instead of type assertion in createRoot()

wojtekmaj · Aug 23, 2023 · c431d25 · c431d25
1 parent d14e13f
commit c431d25
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/sample/create-react-app-5/src/index.tsx b/sample/create-react-app-5/src/index.tsx
@@ -3,4 +3,4 @@ import { createRoot } from 'react-dom/client';
 
 import Sample from './Sample.js';
 
-createRoot(document.getElementById('react-root') as HTMLDivElement).render(<Sample />);
+createRoot(document.getElementById('react-root')!).render(<Sample />);
diff --git a/sample/parcel2/index.tsx b/sample/parcel2/index.tsx
@@ -3,4 +3,4 @@ import { createRoot } from 'react-dom/client';
 
 import Sample from './Sample.js';
 
-createRoot(document.getElementById('react-root') as HTMLDivElement).render(<Sample />);
+createRoot(document.getElementById('react-root')!).render(<Sample />);
diff --git a/sample/vite3/index.tsx b/sample/vite3/index.tsx
@@ -3,4 +3,4 @@ import { createRoot } from 'react-dom/client';
 
 import Sample from './Sample.js';
 
-createRoot(document.getElementById('react-root') as HTMLDivElement).render(<Sample />);
+createRoot(document.getElementById('react-root')!).render(<Sample />);
diff --git a/sample/vite4/index.tsx b/sample/vite4/index.tsx
@@ -3,4 +3,4 @@ import { createRoot } from 'react-dom/client';
 
 import Sample from './Sample.js';
 
-createRoot(document.getElementById('react-root') as HTMLDivElement).render(<Sample />);
+createRoot(document.getElementById('react-root')!).render(<Sample />);
diff --git a/sample/webpack5/index.tsx b/sample/webpack5/index.tsx
@@ -3,4 +3,4 @@ import { createRoot } from 'react-dom/client';
 
 import Sample from './Sample.js';
 
-createRoot(document.getElementById('react-root') as HTMLDivElement).render(<Sample />);
+createRoot(document.getElementById('react-root')!).render(<Sample />);
diff --git a/test/index.tsx b/test/index.tsx
@@ -3,7 +3,7 @@ import { createRoot } from 'react-dom/client';
 
 import Test from './Test.js';
 
-createRoot(document.getElementById('react-root') as HTMLDivElement).render(
+createRoot(document.getElementById('react-root')!).render(
   <StrictMode>
     <Test />
   </StrictMode>,