Endless loading of components
See original GitHub issueDescribe the bug I can’t start my storybook app. It loads only loading state (loading story). There aren’t any errors in the console.
To Reproduce npm run storybook
Expected behavior See rendered components
Screenshots

Code snippets
main.js
const path = require('path')
const autoprefixer = require('autoprefixer')
const lost = require('lost')
const processors = [
autoprefixer({
grid: true
}),
lost()
]
module.exports = {
stories: ['../app/ui/**/*.stories.js'],
webpack: (config) => {
config.module.rules.push({
test: /\.scss$/,
use: [
'cache-loader',
'style-loader',
{ loader: 'css-loader', options: { sourceMap: true } },
{
loader: 'postcss-loader',
options: {
sourceMap: true,
plugins: (loader) => processors
}
},
{ loader: 'sass-loader', options: { sourceMap: true } }
],
include: path.resolve(__dirname, '../')
})
return config
}
}
Button.stories.js
import React from 'react'
import Button from './Button'
export default { component: Button, title: 'Button' }
export const withText = () => <Button>Hello Button</Button>
export const bigSizes = () => (
<Button
size='big'
color='ultra-light-gray'
borderRadius='big'
>
Big grey btn
</Button>
)
System:
System: OS: Windows 10 10.0.18363 CPU: (12) x64 Intel® Core™ i7-9750H CPU @ 2.60GHz Binaries: Node: 12.14.1 - C:\Program Files\nodejs\node.EXE npm: 6.13.6 - C:\Program Files\nodejs\npm.CMD Browsers: Edge: 44.18362.449.0 npmPackages: @storybook/react: ^5.3.18 => 5.3.18
Issue Analytics
- State:
- Created 3 years ago
- Comments:12 (5 by maintainers)
Top Results From Across the Web
An infinite loading list component in React - DEV Community
I introduce you react-simple-infinite-loading. It displays a list elements that load as the user scrolls down the list. An infinite loading list ...
Read more >An infinite loading list component in React | Yvonnick Frin
I introduce you react-simple-infinite-loading. It displays a list elements that load as the user scrolls down the list. An infinite loading list ...
Read more >Stuck in loading components when opening a new project in ...
When opening a project that already exists in wsl, but has never been opened in Intellij it remains stuck on Loading components. Nothing...
Read more >Infinite loading is not working properly in LWC
I have this component in which I have implemented infinite loading, I am getting the data in the console from the apex and...
Read more >Infinite loading screen in React when trying to use a component
I am trying to add a hamburger menu to my existing live chat app. I have wrapped what I want to be inside...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
It occurs at building a single components. I switched to Vue Design System, so no rush to fix it.
I had this issue it was caused by React.foreward Ref.