feat: update for storybook 9 (#13)

* feat: update for storybook 9 * 3.0.0-0 * update * update * update * 3.0.1-0

Author: dannyhw

package.json

@@ -1,6 +1,6 @@
 {
  "name": "react-native-template-storybook",
- "version": "2.0.4",
+ "version": "3.0.1-0",
  "description": "React Native template for a quick start with storybook.",
  "scripts": {
  "test": "exit 0"

template/_storybook/main.ts

@@ -1,7 +1,7 @@
 /** @type{import("@storybook/react-webpack5").StorybookConfig} */
 module.exports = {
  stories: ['../components/**/*.stories.?(ts|tsx|js|jsx)'],
- addons: ['@storybook/addon-essentials'],
+ addons: ['@storybook/addon-docs'],
  framework: {
  name: '@storybook/react-native-web-vite',
  options: {},

template/components/Button/Button.stories.tsx

@@ -1,6 +1,6 @@
 // stories/MyButton.stories.tsx
 import type {Meta, StoryObj} from '@storybook/react';
-import {fn} from '@storybook/test';
+import {fn} from 'storybook/test';
 import {MyButton} from './Button';
 
 const meta = {

template/metro.config.js

@@ -1,5 +1,4 @@
 const { getDefaultConfig, mergeConfig } = require("@react-native/metro-config");
-const path = require("path");
 const withStorybook = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
@@ -17,5 +16,4 @@ const finalConfig = mergeConfig(defaultConfig, config);
 module.exports = withStorybook(finalConfig, {
  enabled: process.env.STORYBOOK_ENABLED === 'true',
  onDisabledRemoveStorybook: true,
- configPath: path.resolve(__dirname, './.rnstorybook'),
 });

template/package.json

@@ -11,7 +11,7 @@
  "storybook": "cross-env STORYBOOK_ENABLED='true' react-native start",
  "storybook:ios": "cross-env STORYBOOK_ENABLED='true' react-native run-ios",
  "storybook:android": "cross-env STORYBOOK_ENABLED='true' react-native run-android",
- "storybook-generate": "sb-rn-get-stories --config-path .rnstorybook",
+ "storybook-generate": "sb-rn-get-stories",
  "storybook:web": "storybook dev -p 6006",
  "build-storybook": "storybook build"
  },
@@ -31,6 +31,7 @@
  "devDependencies": {
  "@babel/core": "^7.25.2",
  "@babel/preset-env": "^7.25.3",
+ "@babel/preset-react": "^7.27.1",
  "@babel/runtime": "^7.25.0",
  "@react-native-community/cli": "18.0.0",
  "@react-native-community/cli-platform-android": "18.0.0",
@@ -39,15 +40,15 @@
  "@react-native/eslint-config": "0.79.2",
  "@react-native/metro-config": "0.79.2",
  "@react-native/typescript-config": "0.79.2",
- "@storybook/addon-essentials": "^8.6.12",
- "@storybook/addon-ondevice-actions": "^8.6.2",
- "@storybook/addon-ondevice-backgrounds": "^8.6.2",
- "@storybook/addon-ondevice-controls": "^8.6.2",
- "@storybook/addon-ondevice-notes": "^8.6.2",
- "@storybook/react": "^8.6.12",
- "@storybook/react-native": "^8.6.2",
- "@storybook/react-native-web-vite": "^8.6.12",
- "@storybook/test": "^8.6.12",
+ "@chromatic-com/storybook": "4.0.0-next.7",
+ "@storybook/addon-docs": "9.0.0-rc.4",
+ "@storybook/addon-ondevice-actions": "9.0.0-rc.4",
+ "@storybook/addon-ondevice-backgrounds": "9.0.0-rc.4",
+ "@storybook/addon-ondevice-controls": "9.0.0-rc.4",
+ "@storybook/addon-ondevice-notes": "9.0.0-rc.4",
+ "@storybook/react": "9.0.0-rc.4",
+ "@storybook/react-native": "9.0.0-rc.4",
+ "@storybook/react-native-web-vite": "9.0.0-rc.4",
  "@types/jest": "^29.5.13",
  "@types/react": "^19.0.0",
  "@types/react-test-renderer": "^19.0.0",
@@ -58,7 +59,7 @@
  "jest": "^29.6.3",
  "react-test-renderer": "19.0.0",
  "prettier": "2.8.8",
- "storybook": "^8.6.12",
+ "storybook": "9.0.0-rc.4",
  "typescript": "^5.8.3",
  "vite": "^6.3.4"
  },
@@ -69,20 +70,14 @@
  "node": ">=18"
  },
  "resolutions": {
- "react-docgen-typescript": "2.2.2",
- "react": "19.0.0",
- "react-native-web": "^0.20.0"
+ "react-docgen-typescript": "2.2.2"
  },
  "overrides": {
- "react-docgen-typescript": "2.2.2",
- "react": "19.0.0",
- "react-native-web": "^0.20.0"
+ "react-docgen-typescript": "2.2.2"
  },
  "pnpm": {
  "overrides": {
- "react-docgen-typescript": "2.2.2",
- "react": "19.0.0",
- "react-native-web": "^0.20.0"
+ "react-docgen-typescript": "2.2.2"
  }
  }
 }