diff --git a/packages/create-app/template-preact-ts/src/app.tsx b/packages/create-app/template-preact-ts/src/app.tsx
index e63ad15a87424d..64fe3eda94c933 100644
--- a/packages/create-app/template-preact-ts/src/app.tsx
+++ b/packages/create-app/template-preact-ts/src/app.tsx
@@ -1,4 +1,3 @@
-import { h, Fragment } from 'preact'
 import { Logo } from './logo'
 
 export function App() {
diff --git a/packages/create-app/template-preact-ts/src/logo.tsx b/packages/create-app/template-preact-ts/src/logo.tsx
index 0b42c957851874..dee6f347a90a54 100644
--- a/packages/create-app/template-preact-ts/src/logo.tsx
+++ b/packages/create-app/template-preact-ts/src/logo.tsx
@@ -1,5 +1,3 @@
-import { h } from 'preact'
-
 export const Logo = () => (
   <svg
     class="logo"
diff --git a/packages/create-app/template-preact-ts/src/main.tsx b/packages/create-app/template-preact-ts/src/main.tsx
index 1772ce4faaa12e..812f602e33bc95 100644
--- a/packages/create-app/template-preact-ts/src/main.tsx
+++ b/packages/create-app/template-preact-ts/src/main.tsx
@@ -1,4 +1,4 @@
-import { render, h } from 'preact'
+import { render } from 'preact'
 import { App } from './app'
 import './index.css'
 
diff --git a/packages/create-app/template-preact-ts/src/preact.d.ts b/packages/create-app/template-preact-ts/src/preact.d.ts
new file mode 100644
index 00000000000000..ac79d62a49b4ac
--- /dev/null
+++ b/packages/create-app/template-preact-ts/src/preact.d.ts
@@ -0,0 +1 @@
+import JSX = preact.JSX
diff --git a/packages/create-app/template-preact-ts/tsconfig.json b/packages/create-app/template-preact-ts/tsconfig.json
index 2c74ff62853e97..c30002ead9e978 100644
--- a/packages/create-app/template-preact-ts/tsconfig.json
+++ b/packages/create-app/template-preact-ts/tsconfig.json
@@ -1,4 +1,3 @@
-
 {
   "compilerOptions": {
     "target": "ESNext",
@@ -15,7 +14,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react",
+    "jsx": "preserve",
     "jsxFactory": "h",
     "jsxFragmentFactory": "Fragment"
   },
diff --git a/packages/create-app/template-preact-ts/vite.config.ts b/packages/create-app/template-preact-ts/vite.config.ts
index 7514fad27af7f1..35560da39ca851 100644
--- a/packages/create-app/template-preact-ts/vite.config.ts
+++ b/packages/create-app/template-preact-ts/vite.config.ts
@@ -5,7 +5,8 @@ import preactRefresh from '@prefresh/vite'
 export default defineConfig({
   esbuild: {
     jsxFactory: 'h',
-    jsxFragment: 'Fragment'
+    jsxFragment: 'Fragment',
+    jsxInject: `import { h, Fragment } from 'preact'`
   },
   plugins: [preactRefresh()]
 })