This is a small library providing functionality to create hotspots on an image.
yarn add react-image-hotspot
Simply import and use the ImgaeHotspot
component
import { ImageHotspot } from 'react-image-hotspot';
const App = () => {
const [value, setValue] = React.useState([]);
return (
<ImageHotspot
src="https://...image"
value={value}
onChange={setValue}
/>
);
}