Storybook stops working on Create-react-app (CRA) after ejecting

[kluplau]

Describe the bug
Storybook stops working, after ejecting CRA. Gives Module parse failed: Unexpected token error.

To Reproduce
Steps to reproduce the behavior:

1. Install CRA npx create-react-app storybook-typescript-eject --typescript and cd storybook-typescript-eject.
2. Install Storybook npx -p @storybook/cli sb init
3. Verity it works npm run storybook
4. Eject npm run eject press y to confirm.
5. Change Storybook config. Replace loadStories with:

function loadStories() {
  // automatically import all story js files that end with *.stories.tsx
  const req = require.context("../src", true, /\.stories\.tsx$/);
  req.keys().forEach(filename => req(filename));
}

6. Rename story file to stories/index.stories.tsx
7. Verify that it doesn't recognize JSX-tag. npm run storybook

Expected behavior
I expected the same config that worked before ejecting would work after.

System:

• OS: MacOS Mojave and Windows 7
• Framework: React
• Version: Latest

[kluplau]

I think this can be achieved by updating tsconfig.json to match the one provided in this other issue comment.

Just adding "esModuleInterop": true might do the trick. Haven't tested enough.

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[mrmckeb]

The CRA config doesn't support ejection right now, you'd need to write your own config in that case - as we no longer have a reliable source.

[mrmckeb]

Let me know if you need a hand with that, in the meantime I'll close this off as it's expected behaviour.

Also, consider forking react-scripts over ejection.

[Dergash]

Hello! I've encountered the similiar issue and based on @mrmckeb response about separate configuration drafted a configuration that gave me the same behaviour which I had before ejecting CRA: storybookjs/presets#72 (comment)
Hope it'll help someone who is in the same situation