bump package depedency versions

.github/workflows/frontend_cicd.yaml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [19.x]
     steps:
       - uses: actions/checkout@v2
       - name: Use Node.js ${{ matrix.node-version }}

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:16
+FROM node:19.2
 
 WORKDIR /usr/src/app
 

package.json

@@ -23,7 +23,7 @@
     "react-dom": "^17.0.1",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "4.0.2",
+    "react-scripts": "^5.0.1",
     "serve": "^12.0.1",
     "typescript": "^4.1.3",
     "web-vitals": "^0.2.4"
@@ -59,7 +59,7 @@
   "devDependencies": {
     "@types/axios": "^0.14.0",
     "@types/material-ui": "^0.21.8",
-    "@types/react": "^16.14.3",
+    "@types/react": "^17.0.52",
     "@types/react-dom": "^16.9.10",
     "@types/react-router-dom": "^5.1.7",
     "@typescript-eslint/eslint-plugin": "^4.15.0",

src/components/Login.tsx

@@ -15,7 +15,7 @@ import {
   TextField,
   Typography,
 } from "@mui/material";
-import makeStyles from "@mui/styles/makeStyles";
+import { makeStyles } from "@mui/styles";
 import LockOutlinedIcon from "@mui/icons-material/LockOutlined";
 import {
   Authentication,

src/components/ProductDetails.tsx

@@ -14,6 +14,7 @@ import {
   Typography,
   Snackbar,
   SnackbarOrigin,
+  SnackbarCloseReason,
 } from "@mui/material";
 import createStyles from "@mui/styles/createStyles";
 import makeStyles from "@mui/styles/makeStyles";
@@ -86,7 +87,10 @@ const ProductDetails: ({
     setIsSuccess(success);
   };
 
-  const handleClose = (event?: React.SyntheticEvent, reason?: string) => {
+  const handleClose = (
+    event?: Event | React.SyntheticEvent<Element, Event> | undefined,
+    reason?: SnackbarCloseReason
+  ) => {
     if (reason === "clickaway") {
       setOpen(false);
       return;

src/components/Products.tsx

@@ -9,6 +9,7 @@ import {
   Grid,
   Snackbar,
   SnackbarOrigin,
+  SnackbarCloseReason,
 } from "@mui/material";
 import makeStyles from "@mui/styles/makeStyles";
 import React, { useCallback, useRef, useContext, Dispatch } from "react";
@@ -45,7 +46,10 @@ const Products = ({
     setIsSuccess(success);
   };
 
-  const handleClose = (event?: React.SyntheticEvent, reason?: string) => {
+  const handleClose = (
+    event?: Event | React.SyntheticEvent<Element, Event> | undefined,
+    reason?: SnackbarCloseReason
+  ) => {
     if (reason === "clickaway") {
       setOpen(false);
       return;