Endless loading of components

See original GitHub issue

Describe 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 screen1

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:closed
  • Created 3 years ago
  • Comments:12 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
waterkipcommented, May 16, 2020

It occurs at building a single components. I switched to Vue Design System, so no rush to fix it.

1reaction
lpoultercommented, May 6, 2020

I had this issue it was caused by React.foreward Ref.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found