Build succeeds but encounters runtime error

Author: rdeepak2002

.gitignore

@@ -30,3 +30,81 @@ debug.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# AWS User-specific
+.idea/**/aws.xml
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/artifacts
+# .idea/compiler.xml
+# .idea/jarRepositories.xml
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# SonarLint plugin
+.idea/sonarlint/
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser

.idea/.gitignore

@@ -1,17 +1,29 @@
 import React from 'react';
-import AppBar from '@material-ui/core/AppBar';
-import Toolbar from '@material-ui/core/Toolbar';
-import Button from '@material-ui/core/Button';
-import Divider from '@material-ui/core/Divider';
-import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
-import ListItemText from '@material-ui/core/ListItemText';
-import Drawer from '@material-ui/core/Drawer';
-import MenuIcon from '@material-ui/icons/Menu';
-import Hidden from '@material-ui/core/Hidden';
-import IconButton from '@material-ui/core/IconButton';
-import { makeStyles } from '@material-ui/core/styles';
+// import AppBar from '@material-ui/core/AppBar';
+// import Toolbar from '@material-ui/core/Toolbar';
+// import Button from '@material-ui/core/Button';
+// import Divider from '@material-ui/core/Divider';
+// import List from '@material-ui/core/List';
+// import ListItem from '@material-ui/core/ListItem';
+// import ListItemText from '@material-ui/core/ListItemText';
+// import Drawer from '@material-ui/core/Drawer';
+// import MenuIcon from '@material-ui/icons/Menu';
+// import Hidden from '@material-ui/core/Hidden';
+// import IconButton from '@material-ui/core/IconButton';
+// import { makeStyles } from '@material-ui/core/styles';
 import Link from 'next/link'
+import {
+    AppBar,
+    Button,
+    Divider,
+    Drawer,
+    Hidden,
+    IconButton,
+    List, ListItem,
+    ListItemText,
+    makeStyles,
+    Toolbar
+} from "@mui/material";
 
 const navList = [
     {
@@ -38,14 +50,14 @@ const navList = [
 
 const drawerWidth = 240;
 
-const useStyles = makeStyles((theme) => ({
-    drawerPaper: {
-        width: drawerWidth,
-    },
-}));
+// const useStyles = makeStyles((theme) => ({
+//     drawerPaper: {
+//         width: drawerWidth,
+//     },
+// }));
 
 const NavBar = () => {
-    const classes = useStyles();
+    // const classes = useStyles();
 
     const [mobileOpen, setMobileOpen] = React.useState(false);
 
@@ -92,7 +104,7 @@ const NavBar = () => {
                         color="inherit"
                         style={{ marginLeft: "auto" }}
                     >
-                        <MenuIcon/>
+                        {/*<MenuIcon/>*/}
                     </IconButton>
                     </Hidden>
                 </Toolbar>
@@ -102,7 +114,9 @@ const NavBar = () => {
                 open={mobileOpen}
                 onClose={handleDrawerToggle}
                 classes={{
-                    paper: classes.drawerPaper,
+                    paper: {
+                        width: drawerWidth
+                    },
                 }}
                 ModalProps={{
                     keepMounted: true, // Better open performance on mobile.
@@ -114,4 +128,4 @@ const NavBar = () => {
     );
 }
 
-export default NavBar;
+export default NavBar;