使用React-Styleguidist时发生编译错误

Question

我是React的新手。我正在使用React-Styleguidist为我的项目制作文档。我正在使用create-react-app安装React。我想创建一个简单的Logo组件，但是在return方法包装器div内却出现错误。我的代码是

f, (ax1, ax2) = plt.subplots(1,2)

sns.distplot(df_reqd_data_0['Total_Hood_Group_Earnings'], ax=ax1)
plt.show()

sns.distplot(df_reqd_data_0['Total_Partner_Earnings'], ax=ax2 )
plt.show()

我的styleguide.config.js是

import React from 'react'
import PropTypes from 'prop-types'

export default function Logo({children}){
    return(
        <div>
            {children}
        </div>
    )
}
Logo.propTypes = {
    children: PropTypes.string.isRequired,
};

我的Readme.md是

module.exports = {
    components: 'src/components/**/*.js',
    webpackConfig: {
        module: {
            rules: [
                {
                    test: /\.jsx?$/,
                    exclude: /node_modules/,
                    loader: 'babel-loader',
                },
                // {
                //  test: /\.css$/,
                //  loader: 'style-loader!css-loader',
                // },
            ],
        },
    },
};

我的徽标index.js是

Basic Logo:

```jsx
<Logo>My Logo</Logo>

如果您能帮助我解决此问题，将非常高兴