diff --git a/packages/create-app/template-preact-ts/package.json b/packages/create-app/template-preact-ts/package.json
index 7760839113673f..166381c7696a64 100644
--- a/packages/create-app/template-preact-ts/package.json
+++ b/packages/create-app/template-preact-ts/package.json
@@ -10,8 +10,8 @@
     "preact": "^10.5.9"
   },
   "devDependencies": {
-    "@prefresh/vite": "^2.0.0",
+    "@preact/preset-vite": "^2.0.0",
     "typescript": "^4.1.3",
     "vite": "^2.0.5"
   }
-}
\ 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 0e12371c76af89..02539cfdc832d8 100644
--- a/packages/create-app/template-preact/package.json
+++ b/packages/create-app/template-preact/package.json
@@ -10,7 +10,7 @@
     "preact": "^10.5.9"
   },
   "devDependencies": {
-    "@prefresh/vite": "^2.0.0",
+    "@preact/preset-vite": "^2.0.0",
     "vite": "^2.0.5"
   }
-}
\ 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()]
 })