如何使用useeffect获取坐标？

import React, { useState, useEffect } from 'react';

const [coordinates, setCoordinates] = useState({ x: 0, y: 0 });

useEffect(() => {
  const handleMouseMove = (event) => {
    setCoordinates({ x: event.clientX, y: event.clientY });
  };

  window.addEventListener('mousemove', handleMouseMove);

  return () => {
    window.removeEventListener('mousemove', handleMouseMove);
  };
}, []);

return (
  <div>
    <p>X坐标: {coordinates.x}</p>
    <p>Y坐标: {coordinates.y}</p>
  </div>
);