react-native-ui is not compatible with jsxRuntime: 'classic'

Author: shawnthye-guruCreated Nov 13, 2024Updated Nov 19, 2024

Describe the bug I am using @fluentui/react-native, but unable to use jsxRuntime: 'classic' due to @storybook/react-native-ui/src/util/status.tsx and other file without importing React

Blank expo template will work as expected with step no.2 below

To Reproduce Steps to reproduce the behavior:

  1. Create fresh new project with npx create-expo-app --template expo-template-storybook AwesomeStorybook
  2. Modify babel.config.js as follows

presets: [['babel-preset-expo', {jsxRuntime: 'classic'}]], 3. Run the storybook on IOS or Android

Expected behavior What is the correct way to support classic runtime on @storybook/react-native-ui?

Screenshots Image

Source: storybookjs/react-native