No puedo entender por qué event.preventDefault() no funciona en mi función chargeCardNow .

La página se actualiza cuando se hace clic en el botón del formulario. ¿Me estoy perdiendo algo obvio?

 chargeCardNow = (event, tickets) => { event.preventDefault(); if (this.props.purchaseErrorsExist(tickets)) {return} this.props.clearMessage() this.toggleDisablePurchaseButton() let message = "Checking for tickets. Please Wait..." this.props.updateMessage(message) this.getClientSecret() }; <form> <input type="email" placeholder="Email Address" required value={this.props.purchaserEmail} disabled = {this.isUserLoggedIn()} onChange={event => this.props.changeEmail(event)} className={'match-stripe'} /> <CardElement/> <button onSubmit={(e) => this.chargeCardNow(e, this.props.tickets)}> {`Purchase Tickets`} </button> </form>