Styles are not applied to react-zoom-pan-pinch inside a shadow-DOM component

[rupeshvitekar]

I'm using react-zoom-pan-pinch in my application and it is been working great until I hit this situation.
I have wrapped my react application as a shadow-DOM component to isolate styles from other applications. After this change react-zoom-pan-pinch does not get any styles applied.
As per my analysis, react-zoom-pan-pinch build dynamic css and these styles are being added to document>head section. Since my application is a Shadow-DOM wrapped application, these external styles are not accessible to react-select.

I can see option to write my custom styles but that is very tidies to write all styles and upgrades will become unmanageable. Please suggest a solution for this case.