fix: 🐛 use useLayoutEffect() in useCss() to inject CSS quick

streamich · Mar 20, 2019 · 7328f26 · 7328f26
1 parent fec8dd3
commit 7328f26
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/useCss.ts b/src/useCss.ts
@@ -1,4 +1,4 @@
-import {useState, useEffect} from 'react';
+import {useState, useLayoutEffect} from 'react';
 const {create} = require('nano-css');
 const {addon: addonCssom} = require('nano-css/addon/cssom');
 const {addon: addonPipe} = require('nano-css/addon/pipe');
@@ -37,7 +37,7 @@ addonPipe(nano);
 const useCss = (css: object): string => {
   const [pipe] = useState<CssPipe>(nano.pipe());
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     pipe.css(flattenSelectors(css));
     return () => pipe.remove();
   });