I wanted to create three-level drill-down functionality of Canada using Mapbox. I'm using Mapbox react-map-gl package.

Here are some of the examples of what I wanted to create:

• https://codesandbox.io/s/highcharts-react-demo-uti0o
• https://www.highcharts.com/demo/maps/all-maps#countries/ca/ca-all
• https://codesandbox.io/s/tfxp6?file=/src/GeoMap.js:147-162

Do share if someone has already created this functionality or has any guidelines*.