diff --git a/docs/ThemeColors.stories.tsx b/docs/ThemeColors.stories.tsx
index 66ad164..a4847be 100644
--- a/docs/ThemeColors.stories.tsx
+++ b/docs/ThemeColors.stories.tsx
@@ -34,10 +34,10 @@ export const FigmaLightTheme = {
 export const FigmaDarkTheme = {
   render: () => {
     const { darkTheme } = useJsonColor();
+    console.log('darkTheme', darkTheme);
     if (!darkTheme) {
       return null; // or some fallback component
     }
-    console.log('darkTheme', darkTheme);
     return (
       <div
         style={{
@@ -173,6 +173,7 @@ export const JSLightTheme = {
     );
   },
 };
+
 export const JSDarkTheme = {
   render: () => {
     const colors = getJSColors(darkThemeJS.colors);
diff --git a/vite.config.mjs b/vite.config.mjs
index 77218d6..6fad848 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -4,4 +4,15 @@ import { defineConfig } from 'vite';
 
 export default defineConfig({
   plugins: [react()], // Enables fast refresh for React during development
+  optimizeDeps: {
+    exclude: [
+      'chunk-OX4CVSUV',
+      'chunk-P2DGAL6P',
+      'chunk-FNK6EM6G',
+      'chunk-4W3HZEF5',
+    ],
+  },
+  server: {
+    open: '/index.html',
+  },
 });