diff --git a/packages/react/stories/button.stories.tsx b/packages/react/stories/button.stories.tsx
index 751d411..8b79903 100644
--- a/packages/react/stories/button.stories.tsx
+++ b/packages/react/stories/button.stories.tsx
@@ -1,5 +1,6 @@
 import { CheckCircleIcon, ExclamationCircleFilledIcon, InfoIcon } from '@alice-ui/icons';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { Button } from '../src/button';
 
 const meta: Meta<typeof Button> = {
diff --git a/packages/react/stories/close-button.stories.tsx b/packages/react/stories/close-button.stories.tsx
index e73516a..f552ccf 100644
--- a/packages/react/stories/close-button.stories.tsx
+++ b/packages/react/stories/close-button.stories.tsx
@@ -1,5 +1,6 @@
 import { MinusIcon, PlusIcon } from '@alice-ui/icons';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { CloseButton } from '../src/button';
 
 const meta: Meta<typeof CloseButton> = {
diff --git a/packages/react/stories/icon-button.stories.tsx b/packages/react/stories/icon-button.stories.tsx
index 6581222..57a96ff 100644
--- a/packages/react/stories/icon-button.stories.tsx
+++ b/packages/react/stories/icon-button.stories.tsx
@@ -1,5 +1,6 @@
 import { CheckCircleIcon, ExclamationCircleFilledIcon, InfoIcon } from '@alice-ui/icons';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { IconButton } from '../src/button';
 
 const meta: Meta<typeof IconButton> = {
diff --git a/packages/react/stories/input.stories.tsx b/packages/react/stories/input.stories.tsx
index 9006d45..558a84c 100644
--- a/packages/react/stories/input.stories.tsx
+++ b/packages/react/stories/input.stories.tsx
@@ -1,6 +1,7 @@
 import { MoonFilledIcon } from '@alice-ui/icons';
 import { input } from '@alice-ui/theme';
 import { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { Input, InputProps } from '../src/input';
 
 const meta: Meta<typeof Input> = {
diff --git a/packages/react/stories/number-input.stories.tsx b/packages/react/stories/number-input.stories.tsx
index 3700984..5d84d5f 100644
--- a/packages/react/stories/number-input.stories.tsx
+++ b/packages/react/stories/number-input.stories.tsx
@@ -1,5 +1,6 @@
 import { numberInput } from '@alice-ui/theme';
 import { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { Form } from 'react-aria-components';
 import { Button } from '../src/button';
 import { NumberInput, NumberInputProps } from '../src/number-input';
diff --git a/packages/react/stories/select.stories.tsx b/packages/react/stories/select.stories.tsx
index d62c13c..a1ebede 100644
--- a/packages/react/stories/select.stories.tsx
+++ b/packages/react/stories/select.stories.tsx
@@ -1,5 +1,6 @@
 import { button, select } from '@alice-ui/theme';
 import { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { Collection } from 'react-aria-components';
 import { Select, SelectItem, SelectProps, SelectSection } from '../src/select';
 
diff --git a/packages/react/stories/skeleton.stories.tsx b/packages/react/stories/skeleton.stories.tsx
index 15bd9f6..5ae7cf6 100644
--- a/packages/react/stories/skeleton.stories.tsx
+++ b/packages/react/stories/skeleton.stories.tsx
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { Skeleton } from '../src/skeleton/skeleton';
 
 const meta: Meta<typeof Skeleton> = {
diff --git a/packages/react/stories/spinner.stories.tsx b/packages/react/stories/spinner.stories.tsx
index 26b96da..a8ea68e 100644
--- a/packages/react/stories/spinner.stories.tsx
+++ b/packages/react/stories/spinner.stories.tsx
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { Spinner, SpinnerProps } from '../src/spinner';
 
 const meta: Meta<typeof Spinner> = {
diff --git a/packages/react/stories/textarea.stories.tsx b/packages/react/stories/textarea.stories.tsx
index 3bb6646..d0d76cf 100644
--- a/packages/react/stories/textarea.stories.tsx
+++ b/packages/react/stories/textarea.stories.tsx
@@ -1,5 +1,6 @@
 import { input } from '@alice-ui/theme';
 import { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { TextArea, TextAreaProps } from '../src/input';
 
 const meta: Meta<typeof TextArea> = {