diff --git a/apps/client/vite.config.mts b/apps/client/vite.config.mts
index d40f5f5ae..18d6a5f6a 100644
--- a/apps/client/vite.config.mts
+++ b/apps/client/vite.config.mts
@@ -1,4 +1,5 @@
 /// <reference types='vitest' />
+import prefresh from '@prefresh/vite';
 import { join } from 'path';
 import webpackStatsPlugin from 'rollup-plugin-webpack-stats';
 import { defineConfig } from 'vite';
@@ -9,9 +10,13 @@ const assets = [ "assets", "stylesheets", "fonts", "translations" ];
 const isDev = process.env.NODE_ENV === "development";
 let plugins: any = [];
 
-if (!isDev) {
+if (isDev) {
+    // Add Prefresh for Preact HMR in development
+    plugins = [
+        prefresh()
+    ];
+} else {
     plugins = [
-        ...plugins,
         viteStaticCopy({
             targets: assets.map((asset) => ({
                 src: `src/${asset}/*`,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a40362a8e..95c5bf529 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15752,8 +15752,6 @@ snapshots:
       '@ckeditor/ckeditor5-ui': 47.3.0
       '@ckeditor/ckeditor5-utils': 47.3.0
       ckeditor5: 47.3.0
-    transitivePeerDependencies:
-      - supports-color
 
   '@ckeditor/ckeditor5-heading@47.3.0':
     dependencies:
@@ -15947,6 +15945,8 @@ snapshots:
       '@ckeditor/ckeditor5-utils': 47.3.0
       ckeditor5: 47.3.0
       es-toolkit: 1.39.5
+    transitivePeerDependencies:
+      - supports-color
 
   '@ckeditor/ckeditor5-merge-fields@47.3.0':
     dependencies: