(React) VK Mini Apps галерея некорректно отображает элементы

На скрине выше выделен элемент, я хочу чтобы в нем создавались другие элементы, но (след скрин)создаётся элемент, а потом уже в нем самом создаются все элементы. Из-за этого скролл некорректно отображает элементы (они уходят вниз за блок, а не вправо)


код в скрине:
код:

 const CreateSlides = () => { 
    return new Array(15).fill(null).map((_,i) =>  
        <div id={'gallerySlide' + i} width='200px' height='200px' style={{background:'#000000',display:'flex'}}>{i}</div> 
    ) 
}

return (
<Group header={<Header size="l">Галереи</Header>}> 
   <Div> 
       <Gallery> 
           <CreateSlides/> 
       </Gallery> 
   </Div> 
</Group>
)