Remove errors from console

src/components/DataTable.js

@@ -104,7 +104,7 @@ DataTable.propTypes = {
     })
   ),
   initialized: PropTypes.bool,
-  rest: PropTypes.string.isRequired,
+  rest: PropTypes.string,
 };
 
 DataTable.defaultProps = {

src/components/NavBar.js

@@ -94,7 +94,7 @@ const NavBar = ({ open, handleOpen }) => {
         </Typography>
         {isAuthenticated && (
           <IconButton color="inherit">
-            <Badge badgeContent={4} color="secondary">
+            <Badge badgeContent={4} color="secondary" overlap="rectangular">
               <NotificationsIcon />
             </Badge>
           </IconButton>

src/components/Navigation.js

@@ -29,7 +29,7 @@ const Navigation = () => {
   return (
     <div>
       <RouterNavLink to="/home-page" className={clsx(styles.link)}>
-        <ListItem button selected={pathname === '/home-page' && !type ? 'selected' : null}>
+        <ListItem button selected={pathname === '/home-page' && !type}>
           <ListItemIcon>
             <WbSunnyIcon />
           </ListItemIcon>
@@ -37,7 +37,7 @@ const Navigation = () => {
         </ListItem>
       </RouterNavLink>
       <RouterNavLink to="/home-page?type=air" className={clsx(styles.link)}>
-        <ListItem button selected={pathname === '/home-page' && type === 'air' ? 'selected' : null}>
+        <ListItem button selected={pathname === '/home-page' && type === 'air'}>
           <ListItemIcon>
             <WavesIcon />
           </ListItemIcon>
@@ -45,14 +45,14 @@ const Navigation = () => {
         </ListItem>
       </RouterNavLink>
       <RouterNavLink to="/home-page?type=temp" className={clsx(styles.link)}>
-        <ListItem button selected={pathname === '/home-page' && type === 'temp' ? 'selected' : null}>
+        <ListItem button selected={pathname === '/home-page' && type === 'temp'}>
           <ListItemIcon>
             <AcUnitIcon />
           </ListItemIcon>
           <ListItemText primary="Temperture" />
         </ListItem>
       </RouterNavLink>
-      <RouterNavLink to="/chart" className={({ isActive }) => [clsx(styles.link), isActive ? 'selected' : null].join(' ')}>
+      <RouterNavLink to="/chart" className={clsx(styles.link)}>
         <ListItem button selected={pathname === '/chart'}>
           <ListItemIcon>
             <ShowChartIcon />

src/views/HomePage.js

@@ -68,13 +68,13 @@ const HomePage = () => {
   return (
     <div>
       <h1>{typeMapper[type || '']}</h1>
-      <Grid container spacing={3} justify="space-between">
+      <Grid container spacing={3} justifyContent="space-between">
         <Grid item>
           <Autocomplete
             style={{ minWidth: '300px' }}
             options={restTypesMapper[type || '']}
             id="rest-type-picker"
-            value={rest}
+            value={rest || ''}
             onChange={(e, filter) => setRestApi(({ resource }) => ({ resource, rest: filter }))}
             disabled={!initialized}
             renderInput={(params) => <TextField {...params} label="Select rest type" margin="normal" />}
@@ -83,7 +83,7 @@ const HomePage = () => {
       </Grid>
 
       <Toolbar>
-        <Grid container spacing={3} justify="space-between">
+        <Grid container spacing={3} justifyContent="space-between">
           <Grid item>
             <Autocomplete
               style={{ minWidth: '150px' }}