# Problems with react-select library

**URL:** <https://community.embeddable.com/t/problems-with-react-select-library/39>\
**Category:** FAQs\
**Created:** [March 27, 2024, 1:43pm UTC](https://community.embeddable.com/t/problems-with-react-select-library/39 "2024-03-27T13:43:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ella-embeddable](https://dub1.discourse-cdn.com/flex013/user_avatar/community.embeddable.com/ella-embeddable/32/15_2.png) [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\
**Post date:** [March 27, 2024, 1:43pm UTC](https://community.embeddable.com/t/problems-with-react-select-library/39/1 "2024-03-27T13:43:30Z")

</div>

Libraries like `react-select` use the `emotion` css framework. Due to components in Embeddable sitting inside a `shadow DOM` you’ll need to wrap the components in the `cache provider` from Emotion.

Please see an example here:

 ![Screen Shot 2023-12-22 at 12.20.29 (1)](https://europe1.discourse-cdn.com/flex013/uploads/embeddable1/original/1X/1e311fe26368355b963ceb6fa94dcd6231acaec7.png)

Official documentation here: [Emotion – @emotion/cache](https://emotion.sh/docs/@emotion/cache)
