Child Component active auto onSubmit parent function

Question

I have two component, I give my child component as props to my parent component and I want to separate onSubmit function.

I made a simple example to explain better :

https://codesandbox.io/s/check-it-forked-snm35?file=/src/Weather.js:890-898

Here my problem when I click on "Get Whether" I get the next step in my stepper

[Get Whether]

But if I run the Weather component separated this work fine

[Weather component ]