Update 04.md

Author: MatthysDev

challenges/ecosystem/04.md

@@ -21,11 +21,23 @@ npx sb@latest init --type react_native
 
 **🔭 Hint:** Read the prompt, the setup is NOT 100% automated.
 
+To run Storybook, you will need to:
+
+First create metro config file if you don't have it yet.
+
 ```console
-? We were not able to detect the right builder for your project. Please select one: ›
-// answer Webpack
+npx expo customize metro.config.js
+```
+Enable transformer.unstable_allowRequireContext in your metro config
+
+```js
+config.transformer.unstable_allowRequireContext = true;
 ```
 
+For a more detailed guide go to:
+
+https://github.com/storybookjs/react-native#existing-project
+
 ### Render Storybook
 
 ![Change App.tsx for Storybook in React Native](https://raw.githubusercontent.com/flexbox/react-native-workshop/main/challenges/ecosystem/storybook-booting.png)
@@ -68,7 +80,7 @@ Right now, storybook display components created for testing purposes. We want to
 rm -rf .storybook/stories/
 ```
 
-- [ ] Update `.storybook/main.js` file to load stories from our components folder:
+- [ ] Update `.storybook/main.ts` file to load stories from our components folder:
 
 ```diff
 module.exports = {