Merge pull request #206 from data-driven-forms/fix-nav-highlight

Fixed demo navigation highlight.

Author: rvsia

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

@@ -1,4 +1,5 @@
 import React, { useState, forwardRef } from 'react';
+import PropTypes from 'prop-types';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemText from '@material-ui/core/ListItemText';
@@ -22,7 +23,7 @@ const Item = ({ href, linkText, component }) => {
   return (
     <ListItem
       button
-      selected={ href === router.pathname }
+      selected={ href.replace('/?', '?') === router.asPath }
       key={ href || linkText }
       className={ classes.nested }
       component={ forwardRef((props, ref) => (
@@ -42,6 +43,12 @@ const Item = ({ href, linkText, component }) => {
   );
 };
 
+Item.propTypes = {
+  href: PropTypes.string.isRequired,
+  linkText: PropTypes.string,
+  component: PropTypes.node,
+};
+
 const FinalList = ({
   title,
   level,