storybook Questions

2

I tried to apply Storybook to a React Project (NO-CRA) but Storybook can't resolve webpack.config.js and webpack.shared.js "alias" settings, but for example RTL it does. I tried to config...
Mendoza asked 9/2, 2022 at 10:16

5

I'm using gatsby-plugin-alias-imports to be able to do absolute imports like so: import { colors } from "@styles/theme"; This is set up in the gatsby-config. Now I've just added storybook to my pro...
Humidor asked 11/3, 2020 at 10:50

2

I am currently using Storybook (v.5.3.18) with TypeScript and have successfully followed the instructions to set up my TypeScript webpack.config.js. This works fine. However, I cannot seem to find...
Subjunction asked 13/5, 2020 at 18:16

1

I moved my Next.js to use Preact, but as side-effect Storybook not working more as spected. The output log below, and at the end the commands to reproduce the issue: yarn build-storybook yarn run v...
Statistician asked 15/2, 2022 at 17:23

1

I'm trying to make a Story that uses a component that takes a TemplateRef as an @Input. But I can't figure out how. TestComponent @Component({ selector: 'test', templateUrl: './test.component.htm...
Susian asked 21/9, 2021 at 9:38

4

Solved

I would like to write storybook decorator. Is there any way to write it and preview.js in typescript? I already succeeded in writing stories itself in TS, and now would like to write storybook con...
Gebhart asked 7/3, 2020 at 12:25

5

I cant seem to be getting the @storybook addon knobs working? It doesnt seem to be decorating the actual story. Pretty much followed this My code below.. Im using getstorybook with create-react-ap...
Thomson asked 19/6, 2017 at 6:30

4

Solved

I'm currently facing an issue with Storybook. Everything is working great in my app, with webpack. Storybook seems to have issue with my configuration. Here's my webpack.config.js : module.export...
Seeley asked 13/8, 2017 at 13:7

5

Solved

In our app we use absolute paths for importing. As an example if we have a path which is relative to the src folder, we can just write import module from "components/myComponent". The issue is th...
Mister asked 9/8, 2018 at 15:39

5

Solved

Currently this is what I am doing, passing a ThemeProvider above my component file: import React from 'react'; import { ThemeProvider, createMuiTheme } from '@material-ui/core/styles'; import MUIB...
Adur asked 15/5, 2020 at 20:37

4

Solved

I implemented a Popper component using popper.js, and I used React's Portal to render popper element. And now I want to preview my popper component, but It fails to create portal on storybook.js He...
Levee asked 19/1, 2022 at 9:46

1

In our app we are using absolute paths for import modules. We have react folder into our resolve root: Folder structure We are using webpack for build and develop app and it works ok, with the ne...
Bloodstream asked 17/3, 2019 at 13:40

0

ios simulator screenshot - console warning When running my react-native application on the iOS Simulator, in the Console Warning, I cannot view the source as the message says: This call stack is n...
Harriman asked 8/7, 2022 at 8:48

2

I am trying to use Storybook to work on my components. My components use SASS for styling, but when I start storybook I get this error : SassError: SassError: expected "{". ╷ 2 │ var con...
Dysteleology asked 31/12, 2021 at 1:46

2

{ "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "storybook": "start-storybook -p 9001 -c .storybook ", }, "dependencies": { ... }, "devDep...
Likeminded asked 6/3, 2019 at 10:49

2

I got this error, although there is not a single line in the project with :first-child, why does it appear? ..........................................................................................
Eileen asked 28/7, 2019 at 10:3

0

So I am trying to display MUI components (I'm not extending them or anything) on Storybook along with the Docs. I am unable to have the props be automatically shown and detected. Here is an example...
Hayes asked 22/6, 2022 at 16:12

1

import React from 'react'; import { ComponentStory, ComponentMeta } from '@storybook/react'; import Button, { Props } from 'components/Button'; export default { title: 'UI/Button', component: B...
Coolth asked 15/11, 2021 at 10:49

4

Solved

I am trying to configure Storybook to work with Next.js, Ant Design, Less, and TypeScript. In Next.js, images have to be stored in the public/ folder and referenced with absolute paths to be used t...
Taima asked 10/11, 2020 at 16:14

4

I have configured React, Storybook, Tailwind. everything worked properly. But After I added eslint it breaks storybook for every eslint errors. .storybook/main.js const path = require('path'); ...
Loehr asked 15/5, 2021 at 18:26

1

I'm really fighting to get storybook, and nextjs router to play together. I'm getting the following error: NextContext.Provider is undefined, please add it to parameters.nextRouter.Provider I've ...
Otti asked 1/9, 2021 at 9:56

0

I'm having issues trying to make Storybook read my .scss files. I've tried a bunch of different possible solutions, but none of those solved the problem. Here is the error that always pop up: SassE...
Simla asked 3/6, 2022 at 22:46

4

I am trying to use Storybook v5.0 with my project and I am using React + Webpack4 + CSS Modules. ( I am not using CreateReactApp) My setup is quite simple, and I was able to setup Storybook withou...
Afroasiatic asked 12/3, 2019 at 10:37

2

My css-module is not working with Storybook. There are not any error, it is only not working. I don´t understand what is the problem. This is the image of how storybook is rendering the button: Bu...
Stonefly asked 20/11, 2021 at 3:1

6

I am trying to load the demo storybook stories. I created a react app using create-react-app and run npm start. It starts on port: 3000. Then when I run npm run storybook, it opens a browser on por...
Anthodium asked 21/10, 2020 at 6:29

© 2022 - 2024 — McMap. All rights reserved.