React native storybook issue about nx

[xiongemi]

From the error, i think it is trying to transpile react-native package as it is since it is .js file, but it needs to use loader.

what does your .storybook/main.ts look like? it should generate something like:

import type { StorybookConfig } from '@storybook/react-webpack5';

const config: StorybookConfig = {
  stories: ['../src/lib/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
  addons: [
    '@storybook/addon-essentials',
    '@storybook/addon-interactions',
    '@nx/react/plugins/storybook',
  ],
  framework: {
    name: '@storybook/react-webpack5',
    options: {},
  },
  webpackFinal: async (config) => {
    if (config.resolve) {
      config.resolve.alias = {
        ...config.resolve.alias,
        'react-native$': 'react-native-web',
      };
      config.resolve.extensions = [
        '.web.tsx',
        '.web.ts',
        '.web.jsx',
        '.web.js',
        ...(config.resolve.extensions ?? []),
      ];
    }
    return config;
  },
};

export default config;

do you have a link to your repo?

[venky19666]

I used vite. Here is the repo https://github.com/venky19666/medbot

[xiongemi]

@venky19666 i submit a pr to fix your storybook https://github.com/venky19666/medbot/pull/7
I also add storybook for your apps as well.
to generate storybook for lib, run nx g @nx/react-native:storybook-configuration

[github-actions]

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.