En mi mapa d3, traté de agregar información sobre herramientas consultando el enlace a continuación, en el ejemplo a continuación que proporcionaron en js, pero cuando traté de implementar en reaccionar, no funcionó bien. ¿Puede decirme cómo solucionarlo, proporcionando mi fragmento de código y sandbox a continuación? Investigué pero todavía no puedo encontrar

Ejemplo: https://medium.com/@anilnairxyz/tooltips-in-d3-svgs-249d3b6650bd

https://codesandbox.io/s/friendly-germain-bpliqe?file=/src/components/Map.js

 .style( "left", event.pageX - document.getElementById("root").offsetLeft + 20 + "px" ) .style( "top", event.pageY - document.getElementById("root").offsetTop - 60 + "px" );