diff --git a/packages/create-app/template-preact-ts/package.json b/packages/create-app/template-preact-ts/package.json
index 26469d50809d7f..95b9bb34335c21 100644
--- a/packages/create-app/template-preact-ts/package.json
+++ b/packages/create-app/template-preact-ts/package.json
@@ -7,11 +7,11 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "preact": "^10.5.9"
+    "preact": "^10.5.13"
   },
   "devDependencies": {
-    "@prefresh/vite": "^2.0.0",
+    "@preact/preset-vite": "^2.0.0",
     "typescript": "^4.1.3",
     "vite": "^2.1.0"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/create-app/template-preact-ts/vite.config.ts b/packages/create-app/template-preact-ts/vite.config.ts
index 35560da39ca851..e3bdaffe854595 100644
--- a/packages/create-app/template-preact-ts/vite.config.ts
+++ b/packages/create-app/template-preact-ts/vite.config.ts
@@ -1,12 +1,7 @@
 import { defineConfig } from 'vite'
-import preactRefresh from '@prefresh/vite'
+import preact from '@preact/preset-vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  esbuild: {
-    jsxFactory: 'h',
-    jsxFragment: 'Fragment',
-    jsxInject: `import { h, Fragment } from 'preact'`
-  },
-  plugins: [preactRefresh()]
+  plugins: [preact()]
 })
diff --git a/packages/create-app/template-preact/package.json b/packages/create-app/template-preact/package.json
index 7eaa2d46ac2a7c..3ecf69f63a4d33 100644
--- a/packages/create-app/template-preact/package.json
+++ b/packages/create-app/template-preact/package.json
@@ -7,10 +7,10 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "preact": "^10.5.9"
+    "preact": "^10.5.13"
   },
   "devDependencies": {
-    "@prefresh/vite": "^2.0.0",
+    "@preact/preset-vite": "^2.0.0",
     "vite": "^2.1.0"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/create-app/template-preact/vite.config.js b/packages/create-app/template-preact/vite.config.js
index 35560da39ca851..e3bdaffe854595 100644
--- a/packages/create-app/template-preact/vite.config.js
+++ b/packages/create-app/template-preact/vite.config.js
@@ -1,12 +1,7 @@
 import { defineConfig } from 'vite'
-import preactRefresh from '@prefresh/vite'
+import preact from '@preact/preset-vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  esbuild: {
-    jsxFactory: 'h',
-    jsxFragment: 'Fragment',
-    jsxInject: `import { h, Fragment } from 'preact'`
-  },
-  plugins: [preactRefresh()]
+  plugins: [preact()]
 })