React и Threejs. Как работают события
 

Здравствуйте.

Видел что у реакта есть свои события для обработки скрола, нажатия кнопок и прочего. Вызываются они как-то так:

const App = () => {
  return (
      <div style={appStyle} onWheel={handleOnWheel}></div>
  );
};

Если тут очевидно, привязывается событие wheel к элементу div, то я совсем не понимаю как это работает в three.js. Например:

const App = () => {
    return (
      <mesh onWheel={handleOnWheel}>
        <planeGeometry  />
        <meshBasicMaterial  />
      </mesh>
    );
  };

Каким образом к мешу можно привязать событие? Это ведь часть фигуры в canvas.