diff --git a/vite.config.ts b/vite.config.ts
index 0b7d0a5..bdc20ff 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,13 +1,22 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
 import { crx } from '@crxjs/vite-plugin'
+import react from '@vitejs/plugin-react'
+import jotaiDebugLabel from 'jotai/babel/plugin-debug-label'
+import jotaiReactRefresh from 'jotai/babel/plugin-react-refresh'
+import { defineConfig } from 'vite'
 import tsconfigPaths from 'vite-tsconfig-paths'
 import manifest from './manifest.config'
 
-// https://vitejs.dev/config/
-export default defineConfig(({ command, mode }) => {
+export default defineConfig(({ mode }) => {
   return {
-    plugins: [tsconfigPaths(), react(), crx({ manifest })],
+    plugins: [
+      tsconfigPaths(),
+      react({
+        babel: {
+          plugins: [jotaiDebugLabel, jotaiReactRefresh],
+        },
+      }),
+      crx({ manifest }),
+    ],
     build: {
       rollupOptions: {
         input: ['app.html'],