chore: site nit

tomas-c · May 21, 2021 · 05d27f3 · 05d27f3
1 parent dac1d4a
commit 05d27f3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/examples/landing/components/editor/Viewport/index.tsx b/examples/landing/components/editor/Viewport/index.tsx
@@ -7,7 +7,11 @@ import { Sidebar } from './Sidebar';
 import { Toolbox } from './Toolbox';
 
 export const Viewport: React.FC = ({ children }) => {
-  const { enabled, connectors, actions } = useEditor((state) => ({
+  const {
+    enabled,
+    connectors,
+    actions: { setOptions },
+  } = useEditor((state) => ({
     enabled: state.options.enabled,
   }));
 
@@ -26,12 +30,12 @@ export const Viewport: React.FC = ({ children }) => {
       );
 
       setTimeout(() => {
-        actions.setOptions((options) => {
+        setOptions((options) => {
           options.enabled = true;
         });
       }, 200);
     });
-  }, []);
+  }, [setOptions]);
 
   return (
     <div className="viewport">

diff --git a/site/src/theme/Root.js b/site/src/theme/Root.js
@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useEffect } from 'react';
+import React, { useState, useCallback, useLayoutEffect } from 'react';
 import { Route, Redirect, useLocation } from '@docusaurus/router';
 
 import clsx from 'classnames';
@@ -26,7 +26,7 @@ function Root({ children }) {
     });
   }, []);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (location.pathname !== '/') {
       return;
     }