Set the style tag next to the picker

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.7.10",
+  "version": "4.7.11",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -98,6 +98,6 @@
     "rollup-plugin-svg": "^2.0.0"
   },
   "dependencies": {
-    "flairup": "0.0.35"
+    "flairup": "0.0.37"
   }
 }

src/Stylesheet/stylesheet.tsx

@@ -2,9 +2,8 @@ import { Styles, createSheet } from 'flairup';
 import * as React from 'react';
 
 import { ClassNames } from '../DomUtils/classNames';
-import { useIsEverMounted } from '../hooks/useIsEverMounted';
 
-export const stylesheet = createSheet('epr');
+export const stylesheet = createSheet('epr', null);
 
 const hidden = {
   display: 'none',
@@ -21,20 +20,14 @@ export const commonStyles = stylesheet.create({
   }
 });
 
-export function PickerStyleTag() {
-  const isMounted = useIsEverMounted();
-
-  if (stylesheet.isApplied() && isMounted) {
-    return null;
-  }
-
+export const PickerStyleTag = React.memo(function PickerStyleTag() {
   return (
     <style
       suppressHydrationWarning
       dangerouslySetInnerHTML={{ __html: stylesheet.getStyle() }}
     />
   );
-}
+});
 
 export const commonInteractionStyles = stylesheet.create({
   '.epr-main': {

yarn.lock

@@ -6798,10 +6798,10 @@ find-up@^5.0.0:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
-[email protected].35:
-  version "0.0.35"
-  resolved "https://registry.yarnpkg.com/flairup/-/flairup-0.0.35.tgz#d14abb36e823e8e5091574049417d8ea758a7c4e"
-  integrity sha512-nXDgTr2WT7UT7HJnNRHRnbo93xs5B3ar5lRWqIbJ6hiwWTSIex5xp56uhEzow6+S5hySoX0mEhzYbLtU3K3A+A==
+[email protected].37:
+  version "0.0.37"
+  resolved "https://registry.yarnpkg.com/flairup/-/flairup-0.0.37.tgz#5a3c64a7a25d826d520a280def14fca672ffce66"
+  integrity sha512-GY7coNGpJQczEIfBsgByKhkclQZC2OosDyyGTfFfm2rXEzwq7MbWQgGo/GwM7TdU53Ow4rPznKPMC8Q3iympjQ==
 
 flat-cache@^2.0.1:
   version "2.0.1"