From 6da2fa8d2edfb2e10b313a7398b9448daa1e4357 Mon Sep 17 00:00:00 2001 From: DmitryMasley Date: Fri, 26 Jul 2024 13:12:35 +0300 Subject: [PATCH 1/3] Add container prop to NonceProvider --- packages/react-select/src/NonceProvider.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/react-select/src/NonceProvider.tsx b/packages/react-select/src/NonceProvider.tsx index 5e91a85e49..a2feea6594 100644 --- a/packages/react-select/src/NonceProvider.tsx +++ b/packages/react-select/src/NonceProvider.tsx @@ -8,12 +8,13 @@ interface NonceProviderProps { nonce: string; children: ReactNode; cacheKey: string; + container?: Node; } -export default ({ nonce, children, cacheKey }: NonceProviderProps) => { +export default ({ nonce, children, cacheKey, container }: NonceProviderProps) => { const emotionCache = useMemo( - () => createCache({ key: cacheKey, nonce }), - [cacheKey, nonce] + () => createCache({ key: cacheKey, nonce, container }), + [cacheKey, nonce, container] ); return {children}; }; From 822e8492162812f8f048e01824ec97dbaa979888 Mon Sep 17 00:00:00 2001 From: DmitryMasley Date: Fri, 26 Jul 2024 13:26:06 +0300 Subject: [PATCH 2/3] changes --- .changeset/angry-numbers-allow.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/angry-numbers-allow.md diff --git a/.changeset/angry-numbers-allow.md b/.changeset/angry-numbers-allow.md new file mode 100644 index 0000000000..45d04b9263 --- /dev/null +++ b/.changeset/angry-numbers-allow.md @@ -0,0 +1,5 @@ +--- +'react-select': patch +--- + +NonceProvider now has a `container` prop to set a custom insertion point for styles From 5299072e12e1e600a0329b3b714f395e2cb77147 Mon Sep 17 00:00:00 2001 From: DmitryMasley Date: Fri, 26 Jul 2024 13:31:13 +0300 Subject: [PATCH 3/3] prettier --- packages/react-select/src/NonceProvider.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/react-select/src/NonceProvider.tsx b/packages/react-select/src/NonceProvider.tsx index a2feea6594..ce6b6f73e5 100644 --- a/packages/react-select/src/NonceProvider.tsx +++ b/packages/react-select/src/NonceProvider.tsx @@ -11,7 +11,12 @@ interface NonceProviderProps { container?: Node; } -export default ({ nonce, children, cacheKey, container }: NonceProviderProps) => { +export default ({ + nonce, + children, + cacheKey, + container, +}: NonceProviderProps) => { const emotionCache = useMemo( () => createCache({ key: cacheKey, nonce, container }), [cacheKey, nonce, container]