fix: use useLayoutEffect on setup to avoid re-render on ssr apps

zebateira · Feb 4, 2020 · 6196355 · 6196355
1 parent 386fdcc
commit 6196355
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/index.js b/src/index.js
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useLayoutEffect } from 'react';
 
 export const colorSchemes = {
     light: '(prefers-color-scheme: light)',
@@ -40,7 +40,7 @@ export default function useSystemTheme(initialTheme) {
         };
     }, []);
 
-    useEffect(() => {
+    useLayoutEffect(() => {
         // SSR or matchMedia not supported
         if (typeof window === 'undefined' || !window.matchMedia) {
             return;