title: React onWheel handler can't preventDefault because it's a passive event listenever
body: <p>I'm trying to override Ctrl+scroll behavior on a component, but it's not working with the error <code>[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See &lt;URL&gt;</code>. I think I'm okay with using an active listener, so is there a way to specify that through React? Note that I need to access and modify state within <code>onWheel</code>.</p>
  <pre><code>  const onWheel = (e: React.WheelEvent): void =&gt; {
      if (e.altKey) {
        e.preventDefault();
        // Error
      } else if (e.ctrlKey) {
        e.preventDefault();
        // Error
      }
    };
  
  ...
  
    return (&lt;div className={styles[&quot;workspace&quot;]} onWheel={onWheel}&gt;
      stuff
    &lt;/div&gt;);
  </code></pre>