Javascript 使用列结果反应bulma组分，生成意外标记

我有一个react组件，它尝试渲染两列：

render() {
  return (
    <Section>
       <Container>
          <Columns>
             <Columns.Column size={6}>
               <SearchCard />
             </Columns.Column>

             <Columns.Column size={6}>
               <DocumentCard/>
             </Columns.Column>
          </Columns>
       </Container>
    </Section>
  )
}

render（）{
返回(
)
}

但这会导致以下错误：

    SyntaxError:...node_modules/react-bulma-components/src/components/columns/components/column.js: Unexpected token (26:2)

  24 |   ...props
  25 | }) => (
> 26 |   <Element
     |   ^
  27 |     {...props}
  28 |     className={classNames(className, 'column', {
  29 |       [`is-${size}`]: size,

SyntaxError:…node_modules/react bulma components/src/components/columns/components/column.js:意外标记（26:2）
24 |…道具
25 | }) => (
>26 |我是库的创建者，您可以检查从何处导入组件吗？因为错误似乎是您正在使用src文件夹

根据您的配置，它应该来自
react-bulma-components
或
react-bulma-components/lib

查看自述文件中的安装说明