Mouse Move Events

import React, { useState } from "react";
import { MouseEventParams, ICraftPlayer } from "@icraft/player-react";
 
export default () => {
  const [mouseMoved, setMouseMoved] = useState<string>();
 
  const onMouseMove = (e: MouseEventParams) => {
    console.log(e);
    const { instance: element, data } = e;
    if (element) {
      element.active();
    }
    setMouseMoved(data?.name || "");
  };
 
  return (
    <div style={style}>
      <ICraftPlayer
        src='/templates/AWSCloud.iplayer'
        onMouseMove={onMouseMove}
      />
      <div style={textStyle}>MouseMoved: {mouseMoved}</div>
    </div>
  );
};
 
const style = {
  width: "100%",
  height: "100%",
  position: "relative" as const,
  overflow: "hidden" as const,
};
 
const textStyle = {
  position: "absolute" as const,
  bottom: 10,
  right: 10,
};

interface MouseEventParams {
  instance: Element3D | null;
  event: MouseEvent;
  data: OptionsType | null;
}