diff --git a/packages/client/next.config.js b/packages/client/next.config.js
index 0246618..57430b7 100644
--- a/packages/client/next.config.js
+++ b/packages/client/next.config.js
@@ -1,10 +1,29 @@
 /** @type {import('next').NextConfig} */
 
+import path from 'path';
+
+const workspace = path.resolve(process.cwd(), '../../');
+
 const nextConfig = {
   compiler: {
     styledComponents: true,
   },
   reactStrictMode: true,
+  webpack: (config, options) => {
+    config.module = {
+      ...config.module,
+      rules: [
+        ...config.module.rules,
+        {
+          exclude: /node_modules/,
+          include: [workspace],
+          test: /\.(js|jsx|ts|tsx)$/,
+          use: options.defaultLoaders.babel,
+        },
+      ],
+    };
+    return config;
+  },
 };
 
 export default nextConfig;
diff --git a/packages/client/package.json b/packages/client/package.json
index dce8f8c..ff03e2a 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -16,7 +16,7 @@
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
     "react-google-charts": "^4.0.0",
-    "styled-components": "^6.0.2",
+    "styled-components": "5.3.10",
     "zustand": "^4.3.7"
   },
   "devDependencies": {