Dynamically set Highlighted area

[dev-rish]

Lets say i have list of all the areas and the ImaggerMapper component. Is it possible to dynamically select the area which is clicked in the list?

[NishargShah]

You can use the onClick callback function, it gives you the current area, index, and image event

onClick(area: obj, index: num, event): void

[dev-rish]

Could you please elaborate a bit more. I have this sandbox. It has the example image and the list of all the areas in the image. I just want that whenever any item is clicked in the list corresponding area gets highlighted in the image. If you could update it then it would be great.

Thanks

[NishargShah]

You can use preFillColor for that

https://codesandbox.io/s/react-image-mapperissue-forked-nfxkb?file=/src/App.js

[gpanciera]

Would there be a way to do this but using the outline instead of fill? An example where I'd like to do this is in hovering over one area, I want to highlight related areas.