fix: remove references to old way of importing withStorybook

Author: dannyhw

MANUAL_SETUP.md

@@ -128,7 +128,7 @@ Then set `transformer.unstable_allowRequireContext` to true
 
 ```js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
 
@@ -139,7 +139,7 @@ module.exports = withStorybook(defaultConfig);
 
 ```js
 const { getDefaultConfig } = require('@react-native/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
 

README.md

@@ -171,7 +171,7 @@ npx expo@latest customize metro.config.js
 copy the metro config
 
 ```js
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 module.exports = withStorybook(config);
 ```
 
@@ -386,7 +386,7 @@ Then navigate to `/storybook` in your app to view stories.
 ```js
 // metro.config.js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
 
@@ -409,7 +409,7 @@ This is useful for conditionally including Storybook in development but excludin
 ```js
 // metro.config.js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
 

docs/docs/intro/configuration/cli-configuration.md

@@ -155,7 +155,7 @@ The `withStorybook` Metro wrapper automatically runs story generation:
 
 ```js
 // metro.config.js
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 module.exports = withStorybook(config, {
   configPath: './.rnstorybook', // Must match CLI --config-path

docs/docs/intro/configuration/index.md

@@ -190,7 +190,7 @@ Wrap your Metro config with the `withStorybook` function:
 
 ```js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const config = getDefaultConfig(__dirname);
 module.exports = withStorybook(config);

docs/docs/intro/configuration/metro-configuration.md

@@ -10,7 +10,7 @@ The `withStorybook` function is a Metro configuration wrapper that enables Story
 
 ```js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const config = getDefaultConfig(__dirname);
 

docs/docs/intro/configuration/websocket-configuration.md

@@ -34,7 +34,7 @@ const StorybookUIRoot = view.getStorybookUI({
 
 ```js
 // metro.config.js
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 module.exports = withStorybook(config, {
   websockets: {

docs/docs/intro/getting-started/expo-router.md

@@ -28,7 +28,7 @@ Then update your `metro.config.js` file to include the Storybook wrapper:
 
 ```js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 /** @type {import('expo/metro-config').MetroConfig} */
 const config = getDefaultConfig(__dirname);

docs/docs/intro/getting-started/index.md

@@ -36,7 +36,7 @@ If you have other config wrapper functions like `withNativeWind` you will want t
 ```js
 // metro.config.js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook'); // <-- add this
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook'); // <-- add this
 
 /** @type {import('expo/metro-config').MetroConfig} */
 const config = getDefaultConfig(__dirname);

docs/docs/intro/getting-started/manual-setup.md

@@ -93,7 +93,7 @@ Update `metro.config.js`:
 
 ```js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
 
@@ -104,7 +104,7 @@ For React Native CLI projects:
 
 ```js
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
 

packages/react-native/readme.md

@@ -171,7 +171,7 @@ npx expo@latest customize metro.config.js
 copy the metro config
 
 ```js
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 module.exports = withStorybook(config);
 ```
 
@@ -386,7 +386,7 @@ Then navigate to `/storybook` in your app to view stories.
 ```js
 // metro.config.js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
 
@@ -409,7 +409,7 @@ This is useful for conditionally including Storybook in development but excludin
 ```js
 // metro.config.js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);