Upgrade Yarn to v4.0.0-rc.32, refactor storybook and update jest mocks

.storybook/Storybook.tsx

@@ -1,3 +1,6 @@
+// storybook.requires generated in prestart script
+// which calls get-stories script
+// eslint-disable-next-line import/no-unresolved
 import './storybook.requires'
 
 import { getStorybookUI } from '@storybook/react-native'

.storybook/main.js

@@ -1,4 +1,5 @@
 /**
+ * Parsed by prestart script calling get-stories script
  * @storybook/react-native/scripts (loader.js)
  * ES6 mods not (yet) supported, for e.g.
  * main.{ts/mjs}: export default { ... }

.yarnrc.yml

@@ -1,3 +1,3 @@
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-3.3.0.cjs
+yarnPath: .yarn/releases/yarn-4.0.0-rc.28.cjs

jest/setup.ts

@@ -13,25 +13,12 @@ jest.mock('@storybook/addon-ondevice-notes', () => ({
    */
   register: () => jest.fn()
 }))
-jest.mock('@storybook/addon-actions/dist/modern/preset/addArgs', () => ({
-  argsEnhancers: {
-    /**
-     * TODO: Figure why Jest unable to parse Array.prototype.forEach()
-     * e.g. argsEnhancers: []
-     * Jest config likely needs ES version bump or polyfill
-     */
-    forEach: jest.fn()
-  }
-}))
 jest.mock('@storybook/react-native', () => ({
   addDecorator: jest.fn(),
   addParameters: jest.fn(),
   configure: jest.fn(),
   getStorybookUI: jest.fn()
 }))
-// @storybook/addon-ondevice-knobs
-jest.mock('react-native-color-picker', () => jest.fn())
-jest.mock('react-native-switch', () => jest.fn())
 jest.mock('@storybook/addon-ondevice-knobs', () => ({
   register: () => jest.fn()
 }))

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "setup": "yarn",
+    "prestart": "yarn get-stories",
     "start": "react-native start",
     "start:reset": "react-native start --reset-cache",
     "android": "react-native run-android --active-arch-only",
@@ -61,7 +62,7 @@
     "@storybook/addon-controls": "6.5.14",
     "@storybook/addon-knobs": "6.4.0",
     "@storybook/addon-links": "6.5.14",
-    "@storybook/addon-notes": "next",
+    "@storybook/addon-notes": "5.3.21",
     "@storybook/addon-ondevice-actions": "6.0.1-canary.3",
     "@storybook/addon-ondevice-backgrounds": "6.0.1-canary.3",
     "@storybook/addon-ondevice-controls": "6.0.1-canary.3",
@@ -146,5 +147,5 @@
       "prettier --write"
     ]
   },
-  "packageManager": "yarn@3.3.0"
+  "packageManager": "yarn@4.0.0-rc.28"
 }

src/index.tsx

@@ -19,7 +19,6 @@ import {
   ReloadInstructions
 } from 'react-native/Libraries/NewAppScreen'
 
-// TODO: Fix Storybook v6.0.1-alpha.7 crash and upgrade to v6.0.1-beta.6
 import _StorybookUIRoot from '../.storybook/Storybook'
 
 if (__DEV__) {

storybook/stories/CenterView/index.tsx

@@ -14,7 +14,6 @@ CenterView.defaultProps = {
 }
 
 CenterView.propTypes = {
-  // @ts-expect-error Type 'Requireable<ReactNodeLike>' is not assignable to type 'Validator<ReactNode>'
   children: PropTypes.node
 }