"Ionic Infinite Scroll" @React - Loading "Text/Spinner" not showing

Hello Devs,

I am using this React component <IonInfiniteScrollContent /> inside <IonInfiniteScroll /> to load infinite scrollable Data, but the problem is the loadingText OR the loadingSpinner not showing when waiting for new Data to be mounted on the List.

Here is my code, and thanks in advance for helping me:

<IonContent className="ion-padding" fullscreen>
   <IonList> ......</IonList>
   <IonInfiniteScroll
       onIonInfinite={(e: CustomEvent<void>) => searchNext(e)}
       threshold='100px'
       disabled={disableInfiniteScroll}       
   >
       <IonInfiniteScrollContent                  
            loadingText='Loading more data...' 
             loadingSpinner='dots'     
        >
       </IonInfiniteScrollContent>
   </IonInfiniteScroll>
</IonContent>

1 post - 1 participant

Read full topic