Scroll React

Trying to get scroll working in React with Ionic byt it wont work at all, no errors but list of cards i stuck.

class List extends Component<{ data: any }> {
  render() {
    const { data } = this.props;

    return (
      <IonApp>
        <IonHeader>
          <IonToolbar color="primary">
            <IonTitle>Items</IonTitle>
          </IonToolbar>
        </IonHeader>
        <IonContent>
          {
            data.map((item: any) => {
              return (
                <IonCard key={item.id}>
                  <IonCardHeader>
                    <IonCardSubtitle>{item.datetime}</IonCardSubtitle>
                    <IonCardTitle>{item.type}</IonCardTitle>
                  </IonCardHeader>
                  <IonCardContent>
                    {item.summary}
                  </IonCardContent>
                </IonCard>
              )
            })
          }
        </IonContent>
      </IonApp>
    );
  }
}

Any ideas?

Try wrapping your cards in <IonList> and see if that helps

Thanks for your suggestion but it does not change anything. Any other thought?

<IonContent class="scroll-content">

Does this help?