solved again creativetimofficial/ct-material-dashboard-pro-react#40 (comment)

Author: Manu

src/components/Header/Header.jsx

@@ -42,7 +42,7 @@ function Header({ ...props }) {
         <Hidden smDown implementation="css">
           <HeaderLinks />
         </Hidden>
-        <Hidden mdUp>
+        <Hidden mdUp implementation="css">
           <IconButton
             className={classes.appResponsive}
             color="inherit"

src/components/Header/HeaderLinks.jsx

@@ -65,7 +65,7 @@ class HeaderLinks extends React.Component {
           className={classes.buttonLink}
         >
           <Dashboard className={classes.icons} />
-          <Hidden mdUp>
+          <Hidden mdUp implementation="css">
             <p className={classes.linkText}>Dashboard</p>
           </Hidden>
         </Button>
@@ -84,7 +84,7 @@ class HeaderLinks extends React.Component {
           >
             <Notifications className={classes.icons} />
             <span className={classes.notifications}>5</span>
-            <Hidden mdUp>
+            <Hidden mdUp implementation="css">
               <p onClick={this.handleClick} className={classes.linkText}>
                 Notification
               </p>
@@ -158,7 +158,7 @@ class HeaderLinks extends React.Component {
           className={classes.buttonLink}
         >
           <Person className={classes.icons} />
-          <Hidden mdUp>
+          <Hidden mdUp implementation="css">
             <p className={classes.linkText}>Profile</p>
           </Hidden>
         </Button>

src/components/Sidebar/Sidebar.jsx

@@ -79,7 +79,7 @@ const Sidebar = ({ ...props }) => {
   );
   return (
     <div>
-      <Hidden mdUp>
+      <Hidden mdUp implementation="css">
         <Drawer
           variant="temporary"
           anchor="right"
@@ -105,7 +105,7 @@ const Sidebar = ({ ...props }) => {
           ) : null}
         </Drawer>
       </Hidden>
-      <Hidden smDown>
+      <Hidden smDown implementation="css">
         <Drawer
           anchor="left"
           variant="permanent"