使用列的反应bulma结果导致意外的令牌

Question

我有一个react组件试图渲染两列：

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

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

但是这会出现以下错误：

    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,

我已经尝试遵循以下建议：放火部分，然后是容器，然后是列。但这是一个令人困惑的错误弹出窗口。我不明白。有人可以解释吗？