Removed errors from development console

.storybook/main.js

@@ -1,11 +1,8 @@
 module.exports = {
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
+  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@storybook/preset-create-react-app"
-  ]
-}
+    "@storybook/preset-create-react-app",
+  ],
+};

.storybook/preview.js

@@ -1,4 +1,3 @@
-
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
-}
+};

README.md

@@ -144,8 +144,8 @@ Skip the yarn part and proceed to the Pushing the changes section [here](#-pushi
    Your app is ready to be deployed!
 5. See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
 
-
 ### 🚩 Running storybook :
+
 1. Run the command `npm run storybook`
 2. wait on `localhost:6000`
 3. write stories for component in `stories` folder under `src` folder.

src/pages/CoursePageViewWithVideo/index.js

@@ -108,11 +108,7 @@ function TabPanel(props) {
       aria-labelledby={`full-width-tab-${index}`}
       {...other}
     >
-      {value === index && (
-        <Box>
-          <Typography>{children}</Typography>
-        </Box>
-      )}
+      {value === index && <Box>{children}</Box>}
     </div>
   );
 }

src/theme/index.js

@@ -1,7 +1,8 @@
 import _ from "lodash";
 import { colors, createMuiTheme, responsiveFontSizes } from "@material-ui/core";
 import typography from "./typography";
-import { softShadows } from "./shadows";
+//! Adds a error Material-UI: This elevation `4` is not implemented.
+// import { softShadows } from "./shadows";
 
 const baseConfig = {
   direction: "ltr",
@@ -60,7 +61,7 @@ const themeConfig = {
       secondary: colors.blueGrey[600],
     },
   },
-  shadows: softShadows,
+  // shadows: softShadows,
 };
 
 const createTheme = () => {