title: Solution: ev.preventDefault is not a function when using dispatch
body: <p>I got something weird when I'm submitting a form.
  When I'm using ev.preventDefault() as is, everything working as expected but when I'm adding dispatch to the function two lines later I'm getting the error: ev.preventDefault is not a function.
  here are my code thanks in advance!</p>
  <pre><code>const addReview = async ev =&gt; {
    ev.preventDefault()
    if (!email || !message) return alert('All fields are required')
    await dispatch(addReview({email,message}))
    console.log('Adding review!');
  }
  
  &lt;form onSubmit={addReview}&gt;
    &lt;input value={email} placeholder=&quot;Email&quot; type=&quot;email&quot; id=&quot;email&quot; name=&quot;email&quot; onChange={handleChange}/&gt;
    &lt;textarea
      name=&quot;message&quot;
      placeholder=&quot;Message&quot;
      rows=&quot;4&quot;
      cols=&quot;50&quot;
      onChange={handleChange}
      value={message}
    &gt;&lt;/textarea&gt;
    &lt;button&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  <p>Solved: The problem was caused by using the same name for the function in that component and on the actions page thanks all.</p>