CRITICAL BUG: cannot dismiss IonLoading by useIonLoading hook

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

useIonicLoading - dismissLoading doesnt work const [showLoading, hideLoading] = useIonLoading();

Expected Behavior

useIonicLoading - dismissLoading should work

Steps to Reproduce

import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonLoading, useIonLoading,useIonAlert } from '@ionic/react';
import { useEffect, useState } from 'react';
const Privacy: React.FC = () => {
  const [showLoading, hideLoading] = useIonLoading();
    useEffect(()=>{
      showLoading({message:'Loading ...',spinner: 'circles'});
    },[]);
    
    const onPlay = async() => {
      console.log('onPlay called');
      hideLoading().then(()=>{
        console.log('hideLoading');
      },()=>{});
    }
    
    const onWaiting = () =>{
      console.log('onWaiting');
    }
  
    return (
      <IonPage>
        <IonHeader>
          <IonToolbar>
            <IonTitle>Bug</IonTitle>
          </IonToolbar>
        </IonHeader>
        <IonContent fullscreen>
          <IonHeader collapse="condense">
            <IonToolbar>
              <IonTitle size="large">ToDos</IonTitle>
            </IonToolbar>
          </IonHeader>
         
        </IonContent>
      </IonPage>
  );

Code Reproduction URL

No response

Ionic Info

Ionic:

   Ionic CLI       : 6.20.3 (D:\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework : @ionic/react 6.3.3

Capacitor:

   Capacitor CLI      : 4.4.0
   @capacitor/android : not installed
   @capacitor/core    : 4.4.0
   @capacitor/ios     : not installed

Utility:

   cordova-res : 0.15.4
   native-run  : 1.7.1

System:

   NodeJS : v16.13.2 (D:\Program Files\nodejs\node.exe)
   npm    : 8.15.1
   OS     : Windows 10

Additional Information

No response

[ApayRus]

Hi. I have the same issue. It looks like 2 overlays appears, then 1 disappears, and another 1 still is showed.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.