fix: utils in client

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;

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": {