This project was bootstrapped with Create React App.

From manual

create-react-app@2 should be compatible as is, since it uses babel 7.

Attempt 1

npx storybook
yarn storybook

ERR! Error: Cannot find module 'babel-loader/package.json' from 'react-storybook-test'
ERR!     at module.exports (react-storybook-test/node_modules/resolve/lib/sync.js:43:15)
ERR!     at isBabelLoader8 (react-storybook-test/node_modules/@storybook/core/dist/server/loadCustomBabelConfig.js:68:52)
ERR!     at _default (react-storybook-test/node_modules/@storybook/core/dist/server/loadCustomBabelConfig.js:88:10)
ERR!     at Object.babel (react-storybook-test/node_modules/@storybook/core/dist/server/core-preset-dev.js:36:45)
ERR!     at accumulationPromise.then.newConfig (react-storybook-test/node_modules/@storybook/core/dist/server/presets.js:73:72)
ERR!     at process._tickCallback (internal/process/next_tick.js:68:7)
ERR!  { Error: Cannot find module 'babel-loader/package.json' from 'react-storybook-test'
ERR!     at module.exports (react-storybook-test/node_modules/resolve/lib/sync.js:43:15)
ERR!     at isBabelLoader8 (react-storybook-test/node_modules/@storybook/core/dist/server/loadCustomBabelConfig.js:68:52)
ERR!     at _default (react-storybook-test/node_modules/@storybook/core/dist/server/loadCustomBabelConfig.js:88:10)
ERR!     at Object.babel (react-storybook-test/node_modules/@storybook/core/dist/server/core-preset-dev.js:36:45)
ERR!     at accumulationPromise.then.newConfig (react-storybook-test/node_modules/@storybook/core/dist/server/presets.js:73:72)
ERR!     at process._tickCallback (internal/process/next_tick.js:68:7)
ERR!   stack:
ERR!    'Error: Cannot find module \'babel-loader/package.json\' from \'react-storybook-test\'\n    at module.exports (react-storybook-test/node_modules/resolve/lib/sync.js:43:15)\n    at isBabelLoader8 (react-storybook-test/node_modules/@storybook/core/dist/server/loadCustomBabelConfig.js:68:52)\n    at _default (react-storybook-test/node_modules/@storybook/core/dist/server/loadCustomBabelConfig.js:88:10)\n    at Object.babel (react-storybook-test/node_modules/@storybook/core/dist/server/core-preset-dev.js:36:45)\n    at accumulationPromise.then.newConfig (react-storybook-test/node_modules/@storybook/core/dist/server/presets.js:73:72)\n    at process._tickCallback (internal/process/next_tick.js:68:7)',
ERR!   code: 'MODULE_NOT_FOUND' }
✨  Done in 2.96s.

Broken :(

yarn --dev add babel-loader@8 @babel/core@^7.0.0-0
yarn storybook

Works :)

Attempt 2

Add dynamic import import("./locales/en.js");

yarn storybook

ERROR in ./src/App.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: react-storybook-test/src/App.js: Support for the experimental syntax 'dynamicImport' isn't currently enabled (5:1):

Broken :(

yarn --dev add @babel/plugin-syntax-dynamic-import

Add .storybook/.babelrc

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

Works :)

Attempt 3

add static property

class App extends Component {
  test = "";
}

yarn storybook

ERROR in ./src/App.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: react-storybook-test/src/App.js: Support for the experimental syntax 'classProperties' isn't currently enabled (8:8):

Broken :(

yarn --dev add @babel/plugin-proposal-class-properties

Add .storybook/.babelrc

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": [
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-proposal-class-properties"
  ]
}

Works :)

Full list of CRA2 babel plugins