Ion Grid inside Item not working - Bug?

Ionic Framework Ionic React
1

Im trying to split the ui inside the IonItem a bit and therefore i need different rows and collumns. If i try to add a IonGrid inside my IonItem only the first row and column is displayed. If i View the page with development tools, i can see the other IonColums but in the example only ‘Label’ is displayed. Can somebody help me here please?

Im using Ionic6 and React.

<IonList>
 <IonItem>
  <IonGrid>
   <IonRow>
    <IonCol>
     <IonLabel>Label</IonLabel>
    </IonCol>
    <IonCol>
     <IonNote slot='end'>Something at 1 Row at and</IonNote>
    </IonCol>
   </IonRow>
   <IonRow>
    <IonCol>
     <IonBadge slot='start'>Something on 2 Row at Start</IonBadge>
    </IonCol>
   </IonRow>
  </IonGrid>
 </IonItem>
</IonLIst>