@orca-fe/tools/es/createUseStaticCss.js

front-end tools

import { useIsomorphicLayoutEffect } from 'ahooks';
export default function createUseStaticCss(css) {
  var count = 0;
  var styleElement;
  return function useStaticCss() {
    useIsomorphicLayoutEffect(() => {
      if (count === 0) {
        styleElement = document.createElement('style');
        styleElement.textContent = css;
        document.head.appendChild(styleElement);
      }
      count += 1;
      return () => {
        count -= 1;
        if (count === 0) {
          document.head.removeChild(styleElement);
        }
      };
    });
  };
}