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

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">

        <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>