diff --git a/ts-bootstrap/src/index.tsx b/ts-bootstrap/src/index.tsx
index 26f624e..9c3d3c1 100644
--- a/ts-bootstrap/src/index.tsx
+++ b/ts-bootstrap/src/index.tsx
@@ -10,4 +10,4 @@ import "./cheatsheet.scss";
 
 import App from "./App";
 
-render(() => <App />, document.getElementById("root") as HTMLDivElement);
+render(() => <App />, document.getElementById("root") as HTMLElement);
diff --git a/ts-minimal/src/index.tsx b/ts-minimal/src/index.tsx
index d3d2464..5e10358 100644
--- a/ts-minimal/src/index.tsx
+++ b/ts-minimal/src/index.tsx
@@ -2,5 +2,5 @@ import { render } from "solid-js/web";
 
 import App from "./App";
 
-render(() => <App />, document.getElementById("root") as HTMLDivElement);
+render(() => <App />, document.getElementById("root") as HTMLElement);
 
diff --git a/ts-router/src/index.tsx b/ts-router/src/index.tsx
index f3d209e..84f8dd6 100644
--- a/ts-router/src/index.tsx
+++ b/ts-router/src/index.tsx
@@ -10,5 +10,5 @@ render(
       <App />
     </Router>
   ),
-  document.getElementById("root") as HTMLDivElement
+  document.getElementById("root") as HTMLElement
 );
diff --git a/ts-windicss/src/index.tsx b/ts-windicss/src/index.tsx
index c748dbc..cb938fc 100644
--- a/ts-windicss/src/index.tsx
+++ b/ts-windicss/src/index.tsx
@@ -3,4 +3,4 @@ import { render } from "solid-js/web";
 
 import App from "./App";
 
-render(() => <App />, document.getElementById("root") as HTMLDivElement);
+render(() => <App />, document.getElementById("root") as HTMLElement);
diff --git a/ts/src/index.tsx b/ts/src/index.tsx
index 7f01fce..07dd377 100644
--- a/ts/src/index.tsx
+++ b/ts/src/index.tsx
@@ -3,4 +3,4 @@ import { render } from "solid-js/web";
 import "./index.css";
 import App from "./App";
 
-render(() => <App />, document.getElementById("root") as HTMLDivElement);
+render(() => <App />, document.getElementById("root") as HTMLElement);