From df42ebaafa7c4383c64b3e2bfea1879296615249 Mon Sep 17 00:00:00 2001
From: Thunnini <yunjh1994@gmail.com>
Date: Fri, 26 May 2023 02:38:58 +0900
Subject: [PATCH 1/2] Add polyfill to storybook

---
 packages/extension/.storybook/main.js | 32 ++++++++++++++++++---------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/packages/extension/.storybook/main.js b/packages/extension/.storybook/main.js
index 314212ca7b..cb610329a5 100644
--- a/packages/extension/.storybook/main.js
+++ b/packages/extension/.storybook/main.js
@@ -1,15 +1,25 @@
 module.exports = {
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
+  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@storybook/addon-interactions"
+    "@storybook/addon-interactions",
   ],
-  "framework": "@storybook/react",
-  "core": {
-    "builder": "@storybook/builder-webpack5"
-  }
-}
\ No newline at end of file
+  framework: "@storybook/react",
+  core: {
+    builder: "@storybook/builder-webpack5",
+  },
+  webpackFinal: async (config) => {
+    config.resolve.fallback = {
+      os: require.resolve("os-browserify/browser"),
+      buffer: require.resolve("buffer/"),
+      http: require.resolve("stream-http"),
+      https: require.resolve("https-browserify"),
+      crypto: require.resolve("crypto-browserify"),
+      stream: require.resolve("stream-browserify"),
+      process: require.resolve("process/browser"),
+    };
+
+    return config;
+  },
+};

From 25012b8171ca787b3a78d94d0865abcd904940f2 Mon Sep 17 00:00:00 2001
From: blacktoast <dbstjd100@naver.com>
Date: Fri, 26 May 2023 16:09:25 +0900
Subject: [PATCH 2/2] build: use ts-loader

---
 packages/extension/.storybook/main.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/extension/.storybook/main.js b/packages/extension/.storybook/main.js
index cb610329a5..dd728f9fe9 100644
--- a/packages/extension/.storybook/main.js
+++ b/packages/extension/.storybook/main.js
@@ -9,6 +9,7 @@ module.exports = {
   core: {
     builder: "@storybook/builder-webpack5",
   },
+
   webpackFinal: async (config) => {
     config.resolve.fallback = {
       os: require.resolve("os-browserify/browser"),
@@ -20,6 +21,11 @@ module.exports = {
       process: require.resolve("process/browser"),
     };
 
+    config.module.rules.push({
+      test: /\.tsx?$/,
+      loader: "ts-loader",
+    });
+
     return config;
   },
 };