ant-design / ant-design/create-react-app-antd

Fails to work with Storybook.js

Open
#31 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
576
Forks
186
PR merge metrics
No merged PRs in 30d

Description

Hi Team ant-design,

I tried using the `storybook.js` to develop the ant-design components for our app in isolation but it seems even after using `config-overrides.js` it doesn't work wrt `javascriptEnabled` options.

Steps to reproduce:

```
git clone https://github.com/ant-design/create-react-app-antd.git
cd create-react-app-antd/
rm -rf package-lock.json
yarn
npx -p @storybook/cli sb init
yarn storybook

```
The when we go to the indicated `URL` the `CSS` or `JavaScript rendered CSS` even in `Storybook` basic example doesn't work.

One a non-CRA project, it works fine
https://github.com/davidsonsns/storybook-antd

Please let me know how to resolve this config issue.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with config-overrides.js in the create-react-app-antd project and reproduce the issue using the listed clone, install, Storybook initialization, and yarn storybook commands. Compare the Storybook setup with the linked non-CRA project; done means the basic Storybook example renders its CSS and JavaScript-rendered CSS while respecting javascriptEnabled.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, storybook
Domain
frontend, tooling
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.