diff --git a/ts-bootstrap/src/index.tsx b/ts-bootstrap/src/index.tsx
index 38f2052..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"));
+render(() => <App />, document.getElementById("root") as HTMLElement);
diff --git a/ts-minimal/src/index.tsx b/ts-minimal/src/index.tsx
index cef9cfe..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"));
+render(() => <App />, document.getElementById("root") as HTMLElement);
 
diff --git a/ts-router/src/index.tsx b/ts-router/src/index.tsx
index a864b1d..84f8dd6 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 HTMLElement
 );
diff --git a/ts-windicss/src/index.tsx b/ts-windicss/src/index.tsx
index 36a0d77..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"));
+render(() => <App />, document.getElementById("root") as HTMLElement);
diff --git a/ts/src/index.tsx b/ts/src/index.tsx
index a9259e5..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"));
+render(() => <App />, document.getElementById("root") as HTMLElement);