Events not working/ I don't know how to use them

Ionic Framework Ionic React
1

I’m using Ionic events, but I don’t quite know how. I checked the docs and couldn’t find anything useful. I want to log the content of the <IonInput> tag to console, but when I use onIonChange or onIonInput, nothing happens at all. There are no errors as well. Please help!

    <div className="container">

        <IonItem>
        <IonLabel position="floating">What is your email address? This will be used for communication.</IonLabel>
        <IonInput value={text} placeholder="Enter Input" onIonInput={e => console.log(document.querySelector('ion-input')?.value!)} clearInput></IonInput>
        </IonItem>
        
        </div>