enum LRFB { 
    'LEFT',
    'RIGHT',
    'FORWARD',
    'BACKWARD',
  }
  interface directionProps {
    direction: LRFB,
    x: number,
    y: number
  }

  const handleMove = function (e: directionProps) {
    const { x, y, direction } = e;
    // code...
  }
  const handleStop = function (e: MouseEvent) {
    
    // code...
  }

  // jsx
  <Joy handleMove={handleMove} handleStop={handleStop} />