From 6686be6bcb6ee6a4fc8056faa97f491396f5a8ca Mon Sep 17 00:00:00 2001
From: LufyCZ <me@lufy.cz>
Date: Sat, 15 Jun 2024 17:21:46 +0000
Subject: [PATCH] fix: storybook

---
 apps/storybook/stories/button.stories.tsx     | 7 ++++---
 apps/storybook/stories/chip.stories.tsx       | 3 ++-
 apps/storybook/stories/iconbutton.stories.tsx | 3 ++-
 apps/storybook/stories/list.stories.tsx       | 3 ++-
 apps/storybook/tsconfig.json                  | 4 +++-
 5 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/apps/storybook/stories/button.stories.tsx b/apps/storybook/stories/button.stories.tsx
index 46499e7bf1..29f859a845 100644
--- a/apps/storybook/stories/button.stories.tsx
+++ b/apps/storybook/stories/button.stories.tsx
@@ -1,8 +1,9 @@
 // Button.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { Button, ButtonProps, DiscordIcon } from '@sushiswap/ui'
+import { Button, ButtonProps } from '@sushiswap/ui'
 import { Currency } from '@sushiswap/ui'
+import { DiscordIcon } from '@sushiswap/ui/icons/DiscordIcon'
 import * as React from 'react'
 import { ChainId } from 'sushi/chain'
 import { SUSHI } from 'sushi/currency'
@@ -88,8 +89,8 @@ export const Sizes = (args) => {
 }
 
 export const Loading = (args) => {
-  const items = [true, false].map((loading) => (
-    <React.Fragment key={loading}>
+  const items = [true, false].map((loading, i) => (
+    <React.Fragment key={i}>
       <Button {...args} key={loading} loading={loading}>
         {loading ? 'Loading' : 'Not Loading'}
       </Button>
diff --git a/apps/storybook/stories/chip.stories.tsx b/apps/storybook/stories/chip.stories.tsx
index d766b01ee1..afbaeb475b 100644
--- a/apps/storybook/stories/chip.stories.tsx
+++ b/apps/storybook/stories/chip.stories.tsx
@@ -1,7 +1,8 @@
 // Chip.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { Chip, ChipProps, DiscordIcon } from '@sushiswap/ui'
+import { Chip, ChipProps } from '@sushiswap/ui'
+import { DiscordIcon } from '@sushiswap/ui/icons/DiscordIcon'
 import * as React from 'react'
 
 import { ViewGroup } from '../components/View'
diff --git a/apps/storybook/stories/iconbutton.stories.tsx b/apps/storybook/stories/iconbutton.stories.tsx
index f559e45b5b..fbf874233b 100644
--- a/apps/storybook/stories/iconbutton.stories.tsx
+++ b/apps/storybook/stories/iconbutton.stories.tsx
@@ -1,7 +1,8 @@
 // IconButton.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { DiscordIcon, IconButton, IconButtonProps } from '@sushiswap/ui'
+import { IconButton, IconButtonProps } from '@sushiswap/ui'
+import { DiscordIcon } from '@sushiswap/ui/icons/DiscordIcon'
 import * as React from 'react'
 
 import { ViewGroup } from '../components/View'
diff --git a/apps/storybook/stories/list.stories.tsx b/apps/storybook/stories/list.stories.tsx
index 80a0c2c66d..32f885238f 100644
--- a/apps/storybook/stories/list.stories.tsx
+++ b/apps/storybook/stories/list.stories.tsx
@@ -1,7 +1,8 @@
 // List.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { DiscordIcon, List } from '@sushiswap/ui'
+import { List } from '@sushiswap/ui'
+import { DiscordIcon } from '@sushiswap/ui/icons/DiscordIcon'
 import * as React from 'react'
 
 const meta = {
diff --git a/apps/storybook/tsconfig.json b/apps/storybook/tsconfig.json
index 372666d54b..c3d458ff9f 100644
--- a/apps/storybook/tsconfig.json
+++ b/apps/storybook/tsconfig.json
@@ -1,5 +1,7 @@
 {
   "compilerOptions": {
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "moduleResolution": "Bundler",
+    "module": "ESNext",
   }
 }
\ No newline at end of file