addDecorator doesn't work on config.js

Describe the bug I am trying to implement some global style. And I think config.js is the good place to put my code. I copied the addDecorator from the official storybook doc to test. But it shows the error:

in ./.storybook/config.js
Module build failed (from ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/ccl/dev/storybook-sandbox/.storybook/config.js: Unexpected token (3:35)

 1 | import { configure, addDecorator } from '@storybook/react';
 2 | 
> 3 | const CenterDecorator = storyFn => <div style={styles}>{storyFn()}</div>;
   |                                    ^
 4 | addDecorator(CenterDecorator);

I am using the create-react-app and @storybook/react": "^5.1.3 It is a problem with Create-react-app?

The addDecorator works fine on individual components but it does not work on config.js

[shilman]

Good news, I think @mrmckeb is going to fix this!

[shilman]

@justinlazaro-iselect Does creating .storybook/babel.config.js with the following content work?

module.exports = {
  presets: [
    "@babel/preset-env",
    "@babel/preset-react"
  ]
};