Why is onSubmit called in a this.setState callback? Not able to stopPropagation to an ancestor <form/>

[yashcr07]

I was having a hard time figuring out why my ancestor form's onSubmit was triggering.
I tried e.stopPropagation but that didn't work, after a lot of debugging I found that props.onSubmit is called inside a setState callback, this is causing ancestor onSubmit to trigger before the actual RJSF's onSubmit.

This code here

I created a sandbox to reproduce this

Anyone has any ideas how do i stop the event propagation?