khj0426/cra-with-storybook

Repo to demonstrate Storybook installation with CRA 5 & React 18

CRA with Storybook

This project was bootstrapped with Create React App.

How Storybook was initialized

Storybook was added using sb init without any options. This lets sb init detect CRA and add preset-create-react-app and the webpack5 builder automatically:

npx sb init

After this I had to add the following overrides to package.json to overcome dependency conflicts:

{
  "overrides": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-refresh": "0.13.0"
  }
}

Running Storybook

npm run storybook

Running the app

npm start