Merge branch 'main' into feat/#38

.storybook/main.ts

@@ -25,6 +25,16 @@ const config: StorybookConfig = {
         }),
       ];
     }
+
+    if (config.module) {
+      if (config.module.rules) {
+        config.module.rules.unshift({
+          test: /\.svg$/,
+          use: ['@svgr/webpack'],
+        });
+      }
+    }
+
     return config;
   },
 };

@types/custom.d.ts

@@ -0,0 +1,7 @@
+declare module '*.svg' {
+  import type React from 'react';
+
+  export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+  const src: string;
+  export default src;
+}

next.config.js

@@ -1,4 +1,16 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  reactStrictMode: true,
+  swcMinify: true,
+  webpack: config => {
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: /\.[jt]sx?$/,
+      use: ['@svgr/webpack'],
+    });
 
-module.exports = nextConfig
+    return config;
+  },
+};
+
+module.exports = nextConfig;

package.json

@@ -37,6 +37,7 @@
     "@storybook/nextjs": "^7.6.3",
     "@storybook/react": "^7.6.3",
     "@storybook/test": "^7.6.3",
+    "@svgr/webpack": "^8.1.0",
     "@testing-library/dom": "^9.3.3",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^14.1.2",