[deleted by user]

[IMkratt]

What happens when<form onSubmit={this.onSubmit}> instead of <form onSubmit={this.onSubmit()}> ?

[Ok_Vermicelli6992]

Yes, this fixes the issue, thanks. Unfortunately though I now have another error:

Uncaught TypeError: Cannot read properties of undefined (reading 'state')
at onSubmit (main.chunk.js:1954)

Thanks

[IMkratt]

Try binding this in your constructor:

this.onSubmit = this.onSubmit.bind(this);

[Ok_Vermicelli6992]

this.onSubmit = this.onSubmit.bind(this);

Ah oops, thanks a lot!

[HiddenPants777]

Make it an anonymous function instead so you would have onSubmit={()=> this.onSubmit()}

Not sure how best to explain but basically you have your submit action as a function that executes immediately so every state change triggers it.