fix: only call useLayoutEffect client-side (#552)

src/hooks/useDebugDashboard.js

@@ -3,17 +3,18 @@
  * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
  */
 
-import { useLayoutEffect, useRef } from 'react';
+import { useRef } from 'react';
 
 import { IS_DEBUG_MODE } from '../utils/variables';
 import DebugDashboard from '../libs/DebugDashboard';
+import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 
 const useDebugDashboard = ({
   node
 }) => {
   const debugDashboard = useRef();
 
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (IS_DEBUG_MODE) {
       debugDashboard.current = new DebugDashboard(node);
     }

src/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,5 @@
+import { useLayoutEffect, useEffect } from 'react';
+
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+export default useIsomorphicLayoutEffect;