Disable constant navigation opening on route change.

Author: Hyperkid123

packages/react-renderer-demo/src/app/src/components/component-example.js

@@ -72,7 +72,8 @@ const useStyles = makeStyles((theme) => ({
   },
   spinnerCheat: {
     flex: 1,
-    position: 'relative'
+    position: 'relative',
+    boxShadow: theme.shadows[1]
   },
   spinner: {
     position: 'absolute',
@@ -89,7 +90,6 @@ const useStyles = makeStyles((theme) => ({
     },
     '& iframe': {
       border: 'none',
-      boxShadow: theme.shadows[1],
       [theme.breakpoints.down('sm')]: {
         height: 500
       }

packages/react-renderer-demo/src/app/src/components/layout.js

@@ -139,13 +139,15 @@ const Layout = ({ children }) => {
   const [openNotification, setOpenNotifiation] = useState(false);
   const [newMessages, setNewMessages] = useState(0);
 
+  useEffect(() => {
+    setLinks(findConnectedLinks(router.asPath, flatSchema) || {});
+  }, [router.asPath]);
+
   useEffect(() => {
     if (window && window.innerWidth > 960 && router.pathname !== '/') {
       setOpen(true);
     }
-
-    setLinks(findConnectedLinks(router.asPath, flatSchema) || {});
-  }, [router.asPath]);
+  }, []);
 
   const handleDrawerOpen = () => {
     setOpen(true);

packages/react-renderer-demo/src/app/src/components/navigation/menu-renderer.js

@@ -1,5 +1,5 @@
 /* eslint-disable react/prop-types */
-import React, { useState, useRef } from 'react';
+import React, { useState } from 'react';
 import TextField from '@material-ui/core/TextField';
 import { useRouter } from 'next/router';
 import Mapper from './mapper';
@@ -124,13 +124,13 @@ const memoizeCurrent = () => {
 };
 
 const search = memoizeSearch();
+const current = memoizeCurrent();
 
 const Menu = ({ schema, searchRef }) => {
   const router = useRouter();
   const [value, setValue] = useState('');
   const classes = useStyles();
   const currentLocation = router.pathname.split('/');
-  const { current } = useRef(memoizeCurrent());
 
   const schemaFiltered = value !== '' ? search(schema, value) : current(schema, currentLocation);