diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 00000000..3c3629e6
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1 @@
+node_modules
diff --git a/.eslintrc.json b/.eslintrc.json
index 32afaf3f..98388260 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -95,5 +95,6 @@
         "no-bitwise": "off",
         "unicorn/filename-case": "off",
         "max-depth": "off"
-    }
+    },
+    "root": true
 }
diff --git a/src/react/Dive.stories.tsx b/src/react/Dive.stories.tsx
new file mode 100644
index 00000000..c7bf860d
--- /dev/null
+++ b/src/react/Dive.stories.tsx
@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import DiveTransition from './DiveTransition'
+
+const meta: Meta<{ open }> = {
+  component: DiveTransition as any,
+  render ({ open }) {
+    return <DiveTransition open={open}>hello</DiveTransition>
+  },
+}
+
+export default meta
+type Story = StoryObj<{ open }>;
+
+export const Primary: Story = {
+  args: {
+    open: false,
+  },
+}