fix: use beta version

Author: dannyhw

examples/expo-example/.storybook-web/main.ts

@@ -1,5 +1,6 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
+import type { StorybookConfig } from '@storybook/react-native-web-vite';
 import { join, dirname } from 'path';
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
@@ -14,17 +15,21 @@ type ServerStorybookConfig = StorybookConfig & {
 
 const main: ServerStorybookConfig = {
   stories: ['../components/**/*.stories.?(ts|tsx|js|jsx)'],
+
   addons: [
-    getAbsolutePath('@storybook/addon-webpack5-compiler-babel'),
     getAbsolutePath('@storybook/addon-essentials'),
     getAbsolutePath('@storybook/addon-interactions'),
-    '@storybook/addon-react-native-web',
     // note why does this break with get absolute?
     '@storybook/addon-react-native-server',
     'storybook-addon-deep-controls',
   ],
+
+  framework: {
+    name: '@storybook/react-native-web-vite',
+    options: {},
+  },
+
   // logLevel: 'debug',
-  framework: getAbsolutePath('@storybook/react-webpack5'),
 
   reactNativeServerOptions: {
     host: 'localhost',

examples/expo-example/components/ControlExamples/Date/Date.test.tsx

@@ -1,11 +1,10 @@
 import { render, screen } from '@testing-library/react-native';
-import { composeStories } from '@storybook/react';
-import * as DateStories from './Date.stories';
-
-const { Basic } = composeStories(DateStories);
+import * as stories from './Date.stories';
 
+const { Basic } = stories;
 test('date story renders', () => {
-  render(<Basic />);
+  // @ts-ignore
+  render(<Basic.Component />);
 
   const date = new Date(1983, 1, 25);
 

examples/expo-example/package.json

@@ -25,24 +25,21 @@
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-community/slider": "4.5.5",
-    "@storybook/addon-essentials": "0.0.0-pr-30197-sha-de13df08",
-    "@storybook/addon-interactions": "0.0.0-pr-30197-sha-de13df08",
-    "@storybook/addon-links": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/addon-essentials": "8.6.0-beta.0",
+    "@storybook/addon-interactions": "8.6.0-beta.0",
+    "@storybook/addon-links": "8.6.0-beta.0",
     "@storybook/addon-ondevice-actions": "^8.5.5-alpha.3",
     "@storybook/addon-ondevice-backgrounds": "^8.5.5-alpha.3",
     "@storybook/addon-ondevice-controls": "^8.5.5-alpha.3",
     "@storybook/addon-ondevice-notes": "^8.5.5-alpha.3",
-    "@storybook/addon-react-native-server": "0.0.6",
-    "@storybook/addon-react-native-web": "^0.0.26",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "0.0.0-pr-30197-sha-de13df08",
-    "@storybook/builder-webpack5": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/addon-react-native-server": "^0.0.6",
+    "@storybook/blocks": "8.6.0-beta.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/react": "8.6.0-beta.0",
     "@storybook/react-native": "^8.5.5-alpha.3",
     "@storybook/react-native-theming": "^8.5.5-alpha.3",
-    "@storybook/react-webpack5": "0.0.0-pr-30197-sha-de13df08",
-    "@storybook/test": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/react-native-web-vite": "^8.5.5-alpha.3",
+    "@storybook/test": "8.6.0-beta.0",
     "expo": "~52.0.11",
     "history": "^5.3.0",
     "querystring": "^0.2.1",
@@ -55,8 +52,9 @@
     "react-native-svg": "15.8.0",
     "react-native-web": "~0.19.13",
     "react-router": "^6.26.2",
-    "storybook": "0.0.0-pr-30197-sha-de13df08",
+    "storybook": "8.6.0-beta.0",
     "storybook-addon-deep-controls": "^0.9.2",
+    "vite": "^6.1.0",
     "ws": "^8.18.0"
   },
   "devDependencies": {

packages/ondevice-actions/package.json

@@ -27,8 +27,8 @@
     "prepare": "tsc"
   },
   "dependencies": {
-    "@storybook/addon-actions": "0.0.0-pr-30197-sha-de13df08",
-    "@storybook/core": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/addon-actions": "8.6.0-beta.0",
+    "@storybook/core": "8.6.0-beta.0",
     "@storybook/global": "^5.0.0",
     "fast-deep-equal": "^2.0.1"
   },

packages/ondevice-backgrounds/package.json

@@ -32,7 +32,7 @@
     "dev": "tsc --watch"
   },
   "dependencies": {
-    "@storybook/core": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/core": "8.6.0-beta.0",
     "@storybook/react-native-theming": "^8.5.5-alpha.3"
   },
   "devDependencies": {

packages/ondevice-controls/package.json

@@ -30,8 +30,8 @@
     "copyimages": "cross-env-shell cp -r src/components/color-picker/resources dist/components/color-picker/resources"
   },
   "dependencies": {
-    "@storybook/addon-controls": "0.0.0-pr-30197-sha-de13df08",
-    "@storybook/core": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/addon-controls": "8.6.0-beta.0",
+    "@storybook/core": "8.6.0-beta.0",
     "@storybook/react-native-theming": "^8.5.5-alpha.3",
     "@storybook/react-native-ui": "^8.5.5-alpha.3",
     "deep-equal": "^1.0.1",

packages/ondevice-notes/package.json

@@ -29,7 +29,7 @@
     "dev": "tsc --watch"
   },
   "dependencies": {
-    "@storybook/core": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/core": "8.6.0-beta.0",
     "@storybook/react-native-theming": "^8.5.5-alpha.3",
     "react-native-markdown-display": "^7.0.2"
   },

packages/react-native-ui/package.json

@@ -58,8 +58,8 @@
     "typescript": "^5.3.3"
   },
   "dependencies": {
-    "@storybook/core": "0.0.0-pr-30197-sha-de13df08",
-    "@storybook/react": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/core": "8.6.0-beta.0",
+    "@storybook/react": "8.6.0-beta.0",
     "@storybook/react-native-theming": "^8.5.5-alpha.3",
     "fuse.js": "^7.0.0",
     "memoizerific": "^1.11.3",

packages/react-native/package.json

@@ -45,10 +45,10 @@
     "test:update": "jest --updateSnapshot"
   },
   "dependencies": {
-    "@storybook/core": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/core": "8.6.0-beta.0",
     "@storybook/csf": "^0.1.13",
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/react": "8.6.0-beta.0",
     "@storybook/react-native-theming": "^8.5.5-alpha.3",
     "@storybook/react-native-ui": "^8.5.5-alpha.3",
     "commander": "^8.2.0",
@@ -57,7 +57,7 @@
     "prettier": "^2.4.1",
     "react-native-url-polyfill": "^2.0.0",
     "setimmediate": "^1.0.5",
-    "storybook": "0.0.0-pr-30197-sha-de13df08",
+    "storybook": "8.6.0-beta.0",
     "type-fest": "~2.19",
     "util": "^0.12.4",
     "ws": "^8.18.0"