title: nextjs event handlers for onSubmit onClick not working
body: <p>When using next.js (and therefore also react) the <code>onSubmit</code> method of my form is never called. It always does a page reload which can be controlled via the action form attribute.</p>
  
  <p>However, I would prefer the form does not refresh the page. Maybe this behaviour is because of next.js server side rendering?</p>
  
  <p>Here's my markup:</p>
  
  <pre><code>&lt;form action="/search" onSubmit={(e) =&gt; {
    console.log("I am never called even if the action attribute is removed");
    e.preventDefault();      
    return false;
  }}&gt;
    &lt;input name="q"/&gt;
    &lt;input type="submit"/&gt;
    &lt;button type="submit"&gt;submit too&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Can someone explain this behaviour or tell me how to fix it so it does not do a page reload?</p>
  
  <h2>Edit</h2>
  
  <p>Further research found that no event handlers are working in the component, not even <code>onClick</code>.</p>