diff --git a/ts-bootstrap/src/App.tsx b/ts-bootstrap/src/App.tsx
index 480ba0a..c706fa1 100644
--- a/ts-bootstrap/src/App.tsx
+++ b/ts-bootstrap/src/App.tsx
@@ -1,4 +1,5 @@
-import { Component, onCleanup, onMount } from "solid-js";
+import { onCleanup, onMount } from "solid-js";
+import type { Component } from "solid-js";
 import * as bootstrap from "bootstrap";
 
 const App: Component = () => {
diff --git a/ts-router/src/app.tsx b/ts-router/src/app.tsx
index f76e7ea..f07f4fd 100644
--- a/ts-router/src/app.tsx
+++ b/ts-router/src/app.tsx
@@ -1,4 +1,4 @@
-import { Component } from "solid-js";
+import type { Component } from "solid-js";
 import { Link, useRoutes, useLocation } from "solid-app-router";
 
 import { routes } from "./routes";
diff --git a/ts-router/src/pages/about.data.ts b/ts-router/src/pages/about.data.ts
index b4b4d0d..42d8752 100644
--- a/ts-router/src/pages/about.data.ts
+++ b/ts-router/src/pages/about.data.ts
@@ -1,4 +1,4 @@
-import { RouteDataFunc } from "solid-app-router";
+import type { RouteDataFunc } from "solid-app-router";
 
 const AboutData: RouteDataFunc = () => {
   return {
diff --git a/ts-router/src/routes.ts b/ts-router/src/routes.ts
index d1a3d3d..c4ae310 100644
--- a/ts-router/src/routes.ts
+++ b/ts-router/src/routes.ts
@@ -1,5 +1,5 @@
 import { lazy } from "solid-js";
-import { RouteDefinition } from "solid-app-router";
+import type { RouteDefinition } from "solid-app-router";
 
 import Home from "./pages/home";
 import AboutData from "./pages/about.data";