Styles not loading properly when using react-select with web-components

Thanks for developing react-select!

I've encountered an issue while trying to use react-select with BeyondJS, a framework that implements microfrontends based on web-components.

Bug report

The problem I'm facing is that the styles for react-select are not loading properly when it is used within a web-component in BeyondJS. Although react-select functions as expected, it appears without any styling. This suggests that the styles are not being added correctly.

To demonstrate the problem, I have recorded a video and created a Github repository with a use case example:

• Video
• Repository link

To recreate this issue, you can clone the repository and follow the steps as I've described in the README file.

I hope this helps in understanding the issue I am facing. I appreciate your support and hope to see this issue resolved soon.

Note: I am using the current major (v5) version of react-select.

Thanks in advance!

Untitled_ Jul 9, 2023 11_22 PM.webm

Clone the linked beyond-react-select reproduction and follow its README steps first. Compare the component inside BeyondJS web-components with the expected styled output, then trace how react-select styles are loaded in that setup. Done means the styles load correctly in the reproduction while normal v5 behavior remains intact.