Make sure you use: <ion-refresher slot="fixed"> - Ionic 8 React

Ionic Framework Ionic React
1

I keep receiving this error message in my console when trying to use IonRefresher in my project:

Make sure you use: <ion-refresher slot="fixed">

Using some of the sample code from the documentation, the issue still persists:

<IonContent>
 <IonRefresher
  slot="fixed"
  onIonRefresh={handleRefresh}
 >
  <IonRefresherContent
   pullingText="Pull to refresh"
   refreshingSpinner="circles"
   refreshingText="Refreshing..."
  ></IonRefresherContent>
 </IonRefresher>

/* rest of code */

</IonContent>

Is this a known issue or an incorrect implementation on my end?

2

Which version of ionic react? The last 8.2.x and 8.3.0 have some weird bugs.

3

I am using:

"@ionic/react": "^8.0.0",
4

^8.0.0 is the version constraint, not the version (it means, “any version of 8.0.0 or higher”). What’s the actual version installed? To get this, you can run ionic info or check package-lock.json.

5

Yea - that’s what is says in my package-lock.json file, but this is what is in the ionic info output:

Ionic Framework : @ionic/react 8.3.0
6

Try upgrading to 8.3.1 which was released yesterday. 8.3.1 reverts a change that occurred in 8.2.7/8.3.0 that broke some things in Stencil, which in turn broke things in Ionic React.