Fix side nav error

1 files changed, 4 insertions, 4 deletions

diff --git a/modern/src/components/SideNav.js b/modern/src/components/SideNav.js
index 62c64fd2..ad7c212a 100644
--- a/modern/src/components/SideNav.js
+++ b/modern/src/components/SideNav.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import {
   List, ListItem, ListItemText, ListItemIcon, Divider, ListSubheader,
 } from '@material-ui/core';
@@ -10,15 +10,15 @@ const SideNav = ({ routes }) => {
   return (
     <List disablePadding style={{ paddingTop: '16px' }}>
       {routes.map((route) => (route.subheader ? (
-        <>
+        <Fragment key={route.subheader}>
           <Divider />
           <ListSubheader>{route.subheader}</ListSubheader>
-        </>
+        </Fragment>
       ) : (
         <ListItem
           disableRipple
           component={Link}
-          key={route.href || route.subheader}
+          key={route.href}
           button
           to={route.href}
           selected={location.pathname.match(route.match || route.href) !== null}