diff --git a/ts-bootstrap/src/index.tsx b/ts-bootstrap/src/index.tsx
index 38f2052..26f624e 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"));
+render(() => <App />, document.getElementById("root") as HTMLDivElement);
diff --git a/ts-minimal/src/index.tsx b/ts-minimal/src/index.tsx
index cef9cfe..d3d2464 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"));
+render(() => <App />, document.getElementById("root") as HTMLDivElement);
 
diff --git a/ts-router/src/index.tsx b/ts-router/src/index.tsx
index a864b1d..f3d209e 100644
--- a/ts-router/src/index.tsx
+++ b/ts-router/src/index.tsx
@@ -10,5 +10,5 @@ render(
       <App />
     </Router>
   ),
-  document.getElementById("root")
+  document.getElementById("root") as HTMLDivElement
 );
diff --git a/ts-windicss/src/index.tsx b/ts-windicss/src/index.tsx
index 36a0d77..c748dbc 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"));
+render(() => <App />, document.getElementById("root") as HTMLDivElement);
diff --git a/ts/src/index.tsx b/ts/src/index.tsx
index a9259e5..7f01fce 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"));
+render(() => <App />, document.getElementById("root") as HTMLDivElement);