Update the examples

Author: sajadevo

src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js

@@ -28,35 +28,33 @@ import MDTypography from "components/MDTypography";
 
 function DefaultNavbarLink({ icon, name, route, light }) {
   return (
-    <>
-      <MDBox
-        component={Link}
-        to={route}
-        mx={1}
-        p={1}
-        display="flex"
-        alignItems="center"
-        sx={{ cursor: "pointer", userSelect: "none" }}
+    <MDBox
+      component={Link}
+      to={route}
+      mx={1}
+      p={1}
+      display="flex"
+      alignItems="center"
+      sx={{ cursor: "pointer", userSelect: "none" }}
+    >
+      <Icon
+        sx={{
+          color: ({ palette: { white, secondary } }) => (light ? white.main : secondary.main),
+          verticalAlign: "middle",
+        }}
       >
-        <Icon
-          sx={{
-            color: ({ palette: { white, secondary } }) => (light ? white.main : secondary.main),
-            verticalAlign: "middle",
-          }}
-        >
-          {icon}
-        </Icon>
-        <MDTypography
-          variant="button"
-          fontWeight="regular"
-          color={light ? "white" : "dark"}
-          textTransform="capitalize"
-          sx={{ width: "100%", lineHeight: 0 }}
-        >
-          &nbsp;{name}
-        </MDTypography>
-      </MDBox>
-    </>
+        {icon}
+      </Icon>
+      <MDTypography
+        variant="button"
+        fontWeight="regular"
+        color={light ? "white" : "dark"}
+        textTransform="capitalize"
+        sx={{ width: "100%", lineHeight: 0 }}
+      >
+        &nbsp;{name}
+      </MDTypography>
+    </MDBox>
   );
 }
 

src/examples/Sidenav/SidenavCollapse.js

@@ -41,46 +41,44 @@ function SidenavCollapse({ icon, name, active, ...rest }) {
   const { miniSidenav, transparentSidenav, whiteSidenav, darkMode, sidenavColor } = controller;
 
   return (
-    <>
-      <ListItem component="li">
-        <MDBox
-          {...rest}
+    <ListItem component="li">
+      <MDBox
+        {...rest}
+        sx={(theme) =>
+          collapseItem(theme, {
+            active,
+            transparentSidenav,
+            whiteSidenav,
+            darkMode,
+            sidenavColor,
+          })
+        }
+      >
+        <ListItemIcon
           sx={(theme) =>
-            collapseItem(theme, {
-              active,
+            collapseIconBox(theme, { transparentSidenav, whiteSidenav, darkMode, active })
+          }
+        >
+          {typeof icon === "string" ? (
+            <Icon sx={(theme) => collapseIcon(theme, { active })}>{icon}</Icon>
+          ) : (
+            icon
+          )}
+        </ListItemIcon>
+
+        <ListItemText
+          primary={name}
+          sx={(theme) =>
+            collapseText(theme, {
+              miniSidenav,
               transparentSidenav,
               whiteSidenav,
-              darkMode,
-              sidenavColor,
+              active,
             })
           }
-        >
-          <ListItemIcon
-            sx={(theme) =>
-              collapseIconBox(theme, { transparentSidenav, whiteSidenav, darkMode, active })
-            }
-          >
-            {typeof icon === "string" ? (
-              <Icon sx={(theme) => collapseIcon(theme, { active })}>{icon}</Icon>
-            ) : (
-              icon
-            )}
-          </ListItemIcon>
-
-          <ListItemText
-            primary={name}
-            sx={(theme) =>
-              collapseText(theme, {
-                miniSidenav,
-                transparentSidenav,
-                whiteSidenav,
-                active,
-              })
-            }
-          />
-        </MDBox>
-      </ListItem>
-    </>
+        />
+      </MDBox>
+    </ListItem>
   );
 }
 

src/layouts/dashboard/components/Projects/data/index.js

@@ -1,4 +1,5 @@
 /* eslint-disable react/prop-types */
+/* eslint-disable react/function-component-definition */
 /**
 =========================================================
 * Material Dashboard 2 React - v2.1.0

src/layouts/rtl/components/Projects/data/index.js

@@ -1,4 +1,5 @@
 /* eslint-disable react/prop-types */
+/* eslint-disable react/function-component-definition */
 /**
 =========================================================
 * Material Dashboard 2 React - v2.1.0

src/layouts/tables/data/authorsTableData.js

@@ -1,4 +1,5 @@
 /* eslint-disable react/prop-types */
+/* eslint-disable react/function-component-definition */
 /**
 =========================================================
 * Material Dashboard 2 React - v2.1.0

src/layouts/tables/data/projectsTableData.js

@@ -1,4 +1,5 @@
 /* eslint-disable react/prop-types */
+/* eslint-disable react/function-component-definition */
 /**
 =========================================================
 * Material Dashboard 2 React - v2.1.0