Failed to fetch dynamically imported module: http://localhost:6006/storybook/preview.jsx

Describe the bug Getting Failed to fetch dynamically imported module: http://localhost:6006/storybook/preview.jsx when running storybook-start

To Reproduce

1. run git clone https://github.com/jeremytenjo/starter-website && cd starter-website && npm i && npm run storybook:dev
2. open http://localhost:6006/?path=/story/lib-components-basic-misc-codeblock--default

Result

System

Environment Info:

  System:
    OS: macOS 12.4
    CPU: (8) arm64 Apple M1
  Binaries:
    Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
    npm: 8.5.5 - ~/.nvm/versions/node/v16.15.0/bin/npm
  Browsers:
    Chrome: 103.0.5060.114
    Firefox: 95.0.2
    Safari: 15.5
  npmPackages:
    @storybook/addon-actions: 6.5.9 => 6.5.9 
    @storybook/addon-essentials: 6.5.9 => 6.5.9 
    @storybook/addon-interactions: 6.5.9 => 6.5.9 
    @storybook/addon-links: 6.5.9 => 6.5.9 
    @storybook/builder-vite: 0.1.36 => 0.1.36 
    @storybook/react: 6.5.9 => 6.5.9 
    @storybook/testing-library: 0.0.13 => 0.0.13 

More Context

It occurs intermittently

Storybook is run from the scripts/storybook/startStorybook/startStorybook.ts function.

[timurcatakli]

I had the same issue and fixed it by 1- Renaming preview.js to preview.tsx as I am utilizing TS 2- Added `import React from “react”

import React from "react";
import { EnterpriseProvider } from "@company/dt-scl-core";
import ScopedCssBaseline from "@mui/material/ScopedCssBaseline";
import { INITIAL_VIEWPORTS } from "@storybook/addon-viewport";
import { customViewports } from "./customViewports";

export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
  viewport: {
    viewports: { ...INITIAL_VIEWPORTS, ...customViewports },
  },
  controls: {
    matchers: {
      color: /(background|color)$/i,
      date: /Date$/,
    },
  },
};

export const decorators = [
  (Story) => (
    <EnterpriseProvider>
      <ScopedCssBaseline>
        <Story />
      </ScopedCssBaseline>
    </EnterpriseProvider>
  ),
];

[GuskiS]

Having the same issue when trying to migrate to builder-vite. Once I trigger changes in preview.tsx, it runs fine.