无法从ReasonReact中的事件侦听器获取事件数据

我正在尝试在表格上实现动态列大小调整（例如在Excel或Google表格中）。

handle当用户在我的调整大小控件上单击鼠标时，在渲染函数中使用回调：

 <div
     className="resizer"
     onMouseDown={self.handle(handleColumnResizeStart)}
 />

在处理程序中，我想为mousemove添加一个新的事件侦听器，以便在用户“拖动”时可以绘制一些内容以指示新列边缘将在何处结束。

在mousemove处理程序中，我想我可以发送一个包含鼠标clientX坐标的reducer操作来更新组件状态，以便render函数在拖动时可以绘制一些内容。

let handleColumnResizeStart = (evt, self) => {
  /* this handler gets invoked when the mouse is moved */
  let handleMouseMove = evt => {

    Js.log(evt); /* in js land I can see that clientX is in that evt object */
    Js.log(ReactEvent.Mouse.clientX(evt)); /* but this creates type errors */


  };
  /* adds an event handler using the bs-webapi module */
  Webapi.Dom.EventTarget.addEventListener(
    "mousemove",
    handleMouseMove,
    document,
  );

};

当我尝试用于ReactEvent.Mouse.clientX(evt)获取clientX的特定int值时，出现以下错误：

  25 Webapi.Dom.EventTarget.removeEventListener(
  26 ┆   "mousemove",
  27 ┆   handleMouseMove,
  28 ┆   document,
  29 ┆ );

  This has type:
    ReactEvent.Mouse.t => unit
  But somewhere wanted:
    Dom.event => unit

  The incompatible parts:
    ReactEvent.Mouse.t (defined as
      ReactEvent.synthetic(ReactEvent.Mouse.tag))
    vs
    Dom.event (defined as Dom.event_like(Dom._baseClass))

>>>> Finish compiling(exit: 1)

我对类型系统的了解仅限于此，我不确定如何将鼠标clientX坐标的值转换为变量。