title: Event returned as undefined for onSubmit() and onChange() for submit type form
body: <p>I am trying to implement a basic submit form, where the user enters the desired text and upon hitting enter or pressing the submit button the value in text box gets submitted. Here what my parent component looks like, I am passing handler functions as props to the child component.</p>
  <pre><code>&lt;Toolbar
      drawerClickHandler={() =&gt; handleClickSideDrawer(isDisplaySideDrawer)}
      value={searchText}
      onChange={handleSearchChange}
      onSubmit={handleSearchSubmit}
    /&gt;
  </code></pre>
  <p>Child Component:</p>
  <pre><code>const toolbar = (props) =&gt; {
  return (
      &lt;header className={styles.toolbar}&gt;
          &lt;nav className={styles.toolbar_navigation}&gt;
              &lt;div className={styles.spacer}&gt;
                  &lt;form className={styles.form} onSubmit={props.onSubmit}&gt;
                      &lt;label className={styles.form_search_input}&gt;
                          &lt;input
                              className={styles.form_search_input_text}
                              type=&quot;text&quot;
                              value={props.value}
                              onChange={props.onChange}
                          /&gt;
                      &lt;/label&gt;
                      &lt;input type=&quot;submit&quot; value=&quot;Search&quot; /&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
      &lt;/header&gt;
  );
  </code></pre>
  <p>}</p>
  <p>My handlers functions are present in parent class and look like this :</p>
  <pre><code>const handleSearchChange = (event) =&gt; {
  setSearchText(event.target.value);}
  
  const handleSearchSubmit = (event) =&gt; {
  alert('A name was submitted: ' + searchText);
  event.preventDefault();}
  </code></pre>
  <p>Here on change event in test box the event variable comes as undefined. My understanding is event is a synthetic event which is fired by react, and I don't need to pass any value for it when I am passing handler function as props to child component I am missing something? I took reference from react official documentation for form creation :</p>