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...
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...
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...
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...
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...
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');
...
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.