react-bulma components using Column results in unexpecteed token (composants react-bulma utilisant la colonne)

Question

J'ai un composant react qui essaie de rendre deux colonnes :

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

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

mais l'erreur suivante se produit :

    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,

J'ai essayé de suivre le conseil de ronronner la section, puis le conteneur, puis les colonnes, mais c'est une erreur déroutante qui apparaît. Je ne comprends pas. Quelqu'un pourrait-il m'expliquer ?

Answer 1

Je suis le créateur de la bibliothèque. Pouvez-vous vérifier d'où vous importez les composants ? Pour l'erreur, il semble que vous utilisiez le dossier src.

En fonction de votre configuration, il s'agit soit de react-bulma-components o react-bulma-componets/lib

Vérifier dans le readme les instructions d'installation