Updated npm dependencies for React and TypeScript

client/package.json

@@ -4,25 +4,25 @@
   "author": "Shlok Kumar Shaw",
   "private": true,
   "dependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@react-oauth/google": "^0.11.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^16.18.34",
-    "@types/react": "^18.2.7",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.2.4",
     "@vercel/analytics": "^1.2.2",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-dom": "^18.2.0",
     "react-ga4": "^2.1.0",
     "react-query": "^3.39.3",
     "react-router-dom": "^6.12.1",
     "react-scripts": "5.0.1",
     "typescript": "^4.9.5",
     "universal-cookie": "^7.1.4",
-    "web-vitals": "^2.1.4",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
+    "web-vitals": "^2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",

client/src/components/Toast.tsx

@@ -26,6 +26,9 @@
 // }
 
 // Toast.tsx
+
+/// <reference types="react/canary" />
+
 import React, { useEffect } from 'react';
 import '../styles/toastStyle.css';
 
@@ -45,7 +48,10 @@ const Toast: React.FC<ToastProps> = ({ message, duration, onClose }) => {
   }, [duration, onClose]);
 
   return (
-      <div className="popup">{message}</div>
+      <div className="popup" 
+      // popover="auto"
+
+      >{message}</div>
   );
 };
 

server/verifyOAuthJWT.js

@@ -52,6 +52,7 @@ const verifyOAuthJWT = async (oauthJWT) => {
         catch(e){
             console.log("JWT verification failed");
             await fetchOAuthJWKs();
+            return false;
         }
 
     }