Custom CacheProvider not consistently being applied to imported component libraries using emotion.

[jmdarling]

Current behavior:

My custom CacheProvider is not consistently "grabbing" styles imported from a library, resulting in injected <style> tags not having the expected data-emotion attribute and nonce attribute.

To reproduce:

Reproduction repository: https://github.com/jmdarling/emotion-library-caching-issue

1. Clone the repository: git clone https://github.com/jmdarling/emotion-library-caching-issue
2. Install dependencies: npm install
3. Build the library: npm run build
4. Start the development server: npm run dev
5. Open your browser and navigate to http://localhost:5173

Expected behavior:

My custom CacheProvider will properly "grab" styles imported from a library and I will see the correct data-emotion attribute and nonce attribute on injected <style> tags.

Environment information:

• react version: 18.2.0
• @emotion/react version: 11.11.4