Custom Styling for Region Color Change at Zoom Level 2

We are currently working on implementing a Dashboard map view using react-azure-maps, but we have encountered a challenge in achieving our desired result.
Specifically, we need to change the color of regions from white to green while keeping the ocean color as its default blue.

In **Azure Maps**, **zoom level 2 and the 'road' style** provide one result, whereas in the **react-azure-maps library, at zoom level 2 with the 'road' style**, we get a different view.

Azure Maps view, [ zoom level :2, style:road]

View provided by react-azure-maps package [ zoom level :2, style:road]

However, when we increase the zoom level to 4, some regions of the map are green in color.

As we've explored the available options within the react-azure-maps library, we haven't found a straightforward way to customize the styling to meet this requirement.

Could you please advise us on how we can achieve this specific styling change within the react-azure-maps library at a zoom level of 2?

Thank you in advance for your help, and we look forward to your response