Next.js Elements being in components breaks column render

[dinonondi]

Hello,

I'm using prismic, and I'm rendering Slices.
Unfortunately, the code renders the whole slice zone as one big div rather than dividing it.

<Masonry
    breakpointCols={2}
    className='my-masonry-grid'
    columnClassName='home-layout'>
<div className='home-layout'>test</div>
        <div className='home-layout'>test sf</div>
        <div className='home-layout'></div>
        <div className='home-layout'>test sf</div>
        <div className='home-layout'>test sf</div>
        <div className='home-layout'></div>
      <SliceZone slices={page.data.slices} components={components} />
      </Masonry>

The first divs which are directly inside are rendering correctly, but the other ones aren't.
Inside each slice there is a wrapping home-layout div.