chore: remove @storybook/react. use @storybook/nextjs

.storybook/preview.tsx

 import React from 'react';
 import { withThemeByClassName } from '@storybook/addon-themes';
 import { HeroUIProvider } from '@heroui/react';
-import type { Preview, ReactRenderer } from '@storybook/react';
+import type { Preview, ReactRenderer } from '@storybook/nextjs';
 
 import '@/styles/global.css';
 

components/layout/PageNotFound/PageNotFound.stories.tsx

-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/nextjs';
 import PageNotFoundComponent from './PageNotFound';
 
 const meta: Meta<typeof PageNotFoundComponent> = {

components/shared/ResponsiveVideo/ResponsiveVideo.stories.tsx

-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/nextjs';
 import ResponsiveVideoComponent from './ResponsiveVideo';
 
 const meta: Meta<typeof ResponsiveVideoComponent> = {

package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@heroui/react": "2.8.2",
-    "@storybook/react": "^9.1.2",
+    "@storybook/nextjs": "^9.1.2",
     "@tailwindcss/postcss": "^4.1.12",
     "@types/node": "^24.3.0",
     "@types/react": "^19.1.10",
@@ -32,7 +32,6 @@
     "@next/bundle-analyzer": "^15.4.6",
     "@storybook/addon-links": "^9.1.2",
     "@storybook/addon-themes": "^9.1.2",
-    "@storybook/nextjs": "^9.1.2",
     "@types/eslint": "^9.6.1",
     "cross-env": "^10.0.0",
     "cz-conventional-changelog": "^3.3.0",

pnpm-lock.yaml

@@ -11,9 +11,9 @@ importers:
       '@heroui/react':
         specifier: 2.8.2
         version: 2.8.2(@types/react@19.1.10)(framer-motion@12.23.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(tailwindcss@4.1.12)
-      '@storybook/react':
+      '@storybook/nextjs':
         specifier: ^9.1.2
-        version: 9.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2))(typescript@5.9.2)
+        version: 9.1.2(esbuild@0.25.9)(next@15.4.6(@babel/core@7.28.3)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2))(type-fest@2.19.0)(typescript@5.9.2)(webpack-hot-middleware@2.26.1)(webpack@5.101.2(esbuild@0.25.9))
       '@tailwindcss/postcss':
         specifier: ^4.1.12
         version: 4.1.12
@@ -63,9 +63,6 @@ importers:
       '@storybook/addon-themes':
         specifier: ^9.1.2
         version: 9.1.2(storybook@9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2))
-      '@storybook/nextjs':
-        specifier: ^9.1.2
-        version: 9.1.2(esbuild@0.25.9)(next@15.4.6(@babel/core@7.28.3)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2))(type-fest@4.26.1)(typescript@5.9.2)(webpack-hot-middleware@2.26.1)(webpack@5.101.2(esbuild@0.25.9))
       '@types/eslint':
         specifier: ^9.6.1
         version: 9.6.1
@@ -5389,19 +5386,6 @@ packages:
       babel-plugin-macros:
         optional: true
 
-  styled-jsx@5.1.7:
-    resolution: {integrity: sha512-HPLmEIYprxCeWDMLYiaaAhsV3yGfIlCqzuVOybE6fjF3SUJmH67nCoMDO+nAvHNHo46OfvpCNu4Rcue82dMNFg==}
-    engines: {node: '>= 12.0.0'}
-    peerDependencies:
-      '@babel/core': '*'
-      babel-plugin-macros: '*'
-      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0'
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      babel-plugin-macros:
-        optional: true
-
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -5550,10 +5534,6 @@ packages:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
 
-  type-fest@4.26.1:
-    resolution: {integrity: sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==}
-    engines: {node: '>=16'}
-
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -8064,7 +8044,7 @@ snapshots:
 
   '@pkgr/core@0.2.9': {}
 
-  '@pmmmwh/react-refresh-webpack-plugin@0.5.17(react-refresh@0.14.2)(type-fest@4.26.1)(webpack-hot-middleware@2.26.1)(webpack@5.101.2(esbuild@0.25.9))':
+  '@pmmmwh/react-refresh-webpack-plugin@0.5.17(react-refresh@0.14.2)(type-fest@2.19.0)(webpack-hot-middleware@2.26.1)(webpack@5.101.2(esbuild@0.25.9))':
     dependencies:
       ansi-html: 0.0.9
       core-js-pure: 3.45.0
@@ -8076,7 +8056,7 @@ snapshots:
       source-map: 0.7.6
       webpack: 5.101.2(esbuild@0.25.9)
     optionalDependencies:
-      type-fest: 4.26.1
+      type-fest: 2.19.0
       webpack-hot-middleware: 2.26.1
 
   '@polka/url@1.0.0-next.29': {}
@@ -8919,7 +8899,7 @@ snapshots:
 
   '@storybook/global@5.0.0': {}
 
-  '@storybook/nextjs@9.1.2(esbuild@0.25.9)(next@15.4.6(@babel/core@7.28.3)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2))(type-fest@4.26.1)(typescript@5.9.2)(webpack-hot-middleware@2.26.1)(webpack@5.101.2(esbuild@0.25.9))':
+  '@storybook/nextjs@9.1.2(esbuild@0.25.9)(next@15.4.6(@babel/core@7.28.3)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2))(type-fest@2.19.0)(typescript@5.9.2)(webpack-hot-middleware@2.26.1)(webpack@5.101.2(esbuild@0.25.9))':
     dependencies:
       '@babel/core': 7.28.3
       '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.28.3)
@@ -8934,7 +8914,7 @@ snapshots:
       '@babel/preset-react': 7.27.1(@babel/core@7.28.3)
       '@babel/preset-typescript': 7.27.1(@babel/core@7.28.3)
       '@babel/runtime': 7.28.3
-      '@pmmmwh/react-refresh-webpack-plugin': 0.5.17(react-refresh@0.14.2)(type-fest@4.26.1)(webpack-hot-middleware@2.26.1)(webpack@5.101.2(esbuild@0.25.9))
+      '@pmmmwh/react-refresh-webpack-plugin': 0.5.17(react-refresh@0.14.2)(type-fest@2.19.0)(webpack-hot-middleware@2.26.1)(webpack@5.101.2(esbuild@0.25.9))
       '@storybook/builder-webpack5': 9.1.2(esbuild@0.25.9)(storybook@9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2))(typescript@5.9.2)
       '@storybook/preset-react-webpack': 9.1.2(esbuild@0.25.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2))(typescript@5.9.2)
       '@storybook/react': 9.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2))(typescript@5.9.2)
@@ -8955,7 +8935,7 @@ snapshots:
       semver: 7.7.2
       storybook: 9.1.2(@testing-library/dom@10.4.0)(prettier@3.6.2)
       style-loader: 3.3.4(webpack@5.101.2(esbuild@0.25.9))
-      styled-jsx: 5.1.7(@babel/core@7.28.3)(react@19.1.1)
+      styled-jsx: 5.1.6(@babel/core@7.28.3)(react@19.1.1)
       tsconfig-paths: 4.2.0
       tsconfig-paths-webpack-plugin: 4.2.0
     optionalDependencies:
@@ -12465,13 +12445,6 @@ snapshots:
     optionalDependencies:
       '@babel/core': 7.28.3
 
-  styled-jsx@5.1.7(@babel/core@7.28.3)(react@19.1.1):
-    dependencies:
-      client-only: 0.0.1
-      react: 19.1.1
-    optionalDependencies:
-      '@babel/core': 7.28.3
-
   supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
@@ -12602,9 +12575,6 @@ snapshots:
 
   type-fest@2.19.0: {}
 
-  type-fest@4.26.1:
-    optional: true
-
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4