Lo intenté, obtengo coordenadas en la imagen y puedo agregar un nombre. Pero, ¿cómo agregar un poco de información sobre herramientas o ingresar al hacer clic en una persona en una foto y agregar el nombre, que después de pasar el mouse se muestra allí?

https://codesandbox.io/s/tag-person-react-iwfi6z?file=/src/App.js

Verifique aquí, la imagen de handleEvent y Output que estoy obteniendo

 const handleClick = (e) => { setCoordinates((prev) => { return { ...prev, x: e.screenX, y: e.screenY }; });

};

 const handleTag = () => { setTag((prev) => { return { ...prev, name: name, coordinates: { ...prev.coordinates, x: coordinates.x, y: coordinates.y } }; });