storybook: Storybook stuck loading

This bug should not be closed. Storybook should output some reason as to why it is whitescreening.

There should be some error message from Storybook to help us identify what the problem is and what causes it.

For now and until Storybook take some action, we can use git bisect to identify what commit caused this problem.

I’m having the same issue and have deadline to deliver the storybook and I’m sooooo blocked 😦

Same issue.

• Monorepo
• Ubuntu 22.04
• React + TypeScript + Vite

With barebone main.ts

import type { StorybookConfig } from "@storybook/react-vite";

const config: StorybookConfig = {
	stories: ["../src/**/button.stories.@(js|jsx|ts|tsx)"],
	addons: ["@storybook/addon-essentials"],
	framework: {
		name: "@storybook/react-vite",
		options: {},
	},
};
export default config;

And barebone preview.ts

import type { Preview } from "@storybook/react";

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

export default preview;

For me this happens in a monorepo. When my story imports one of my monorepo packages/a component that uses that package, the storybook ends up infinitely loading. There is no error.

This should not be closed 😃 @shilman

I’m facing the same issue using: “@nrwl/storybook”: “15.3.0” “@storybook/addon-essentials”: “~6.5.9”, “@storybook/builder-vite”: “0.2.5”, “@storybook/core-server”: “~6.5.9”, “@storybook/react”: “~6.5.9”,

please reopen and fix the issue

@velidan 😦

@trainoasis I believe that loading error happens when you use @storybook/preset-create-react-app@4 with react-scripts@4. If this matches your setup, either upgrade to react-scripts@5 or downgrade to @storybook/preset-create-react-app@3. More discussion #18221

this issue is hitting people at random and is likely caused by corporate sabotage paid for by competition like figma. We have to wait for the developers to be not paid off to fix this one

agreed, same issue, please reopen. in my case it’s caused by passing a specific prop into the component, i have no clue why it’s causing this issue. zero logging whatsoever

There should be some error message from Storybook to help us identify what the problem is and what causes it.

Agree, it would be great with some error messages in the “infinite spinner” case. I’m trying to set up storybook for my project now, but after running into the infinite spinner I’m not sure how to proceed. (I probably have some problem with my Webpack config, but it’s hard to tell)

This happened to me on FF when I had too many storybook tabs open. I don’t know why, but opening in Chrome / closing all my FF tabs with SB in them made the whitescreening go away.

In my case all requests were rewritten to index.html. I added rewrite rule fore iframe.html

no way to understand what’s happened: ( sad