title: Using preventDefault with a custom hook in react
body: <p>I am a beginner React developer.  I am trying to enhance a forms tutorial I did using hooks.  I refactored the code so that the inputs and button are each a separate component.  I have also refactored the hooks so that each hook is in a separate file.  The problem that I am running into is the handleSubmit method in the useSubmitted custom hook (hooks/<code>useSubmitted.js</code>) file.  I keep getting the error <code>TypeError: event.preventDefault is not a function</code>.  I have tried to fix it and also looked for a solution in Google, but to no avail.</p>
  <p><a href="https://codesandbox.io/s/nice-water-fb1zx" rel="nofollow noreferrer">Here is the link</a></p>
  <p>Any help would be appreciated it.</p>
  <p>Thanks</p>