feat: add event listener to handle style injection

Author: danielbarion

src/components/TooltipController/TooltipController.tsx

@@ -168,6 +168,14 @@ const TooltipController = ({
     setTooltipPositionStrategy(positionStrategy)
   }, [positionStrategy])
 
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      // here we can do validations related to the props before inject the styles,
+      // we can also send something into the 'detail' to the inject style function
+      window.dispatchEvent(new CustomEvent('rt_inject_styles', { detail: {} }))
+    }
+  }, [])
+
   useEffect(() => {
     const elementRefs = new Set(anchorRefs)
 

src/index.tsx

@@ -20,8 +20,12 @@ import type { ITooltipWrapper } from './components/TooltipProvider/TooltipProvid
 const TooltipCoreStyles = 'react-tooltip-core-css-placeholder'
 const TooltipStyles = 'react-tooltip-css-placeholder'
 
-injectStyle({ css: TooltipCoreStyles, type: 'core' })
-injectStyle({ css: TooltipStyles })
+if (typeof window !== 'undefined') {
+  window.addEventListener('rt_inject_styles', () => {
+    injectStyle({ css: TooltipCoreStyles, type: 'core' })
+    injectStyle({ css: TooltipStyles })
+  })
+}
 
 export { TooltipController as Tooltip } from './components/TooltipController'
 export { TooltipProvider, TooltipWrapper } from './components/TooltipProvider'