Update packages in project

.github/workflows/deploy-to-gh-pages.yml

@@ -29,6 +29,7 @@ jobs:
           REACT_APP_WEBSITE_VERSION: ${{ secrets.REACT_APP_WEBSITE_VERSION }}
           REACT_APP_DESCRIPTION: ${{ secrets.REACT_APP_DESCRIPTION }}
           REACT_APP_JSONBIN_MASTER_KEY: ${{secrets.REACT_APP_JSONBIN_MASTER_KEY}}
+          CI: ""
 
       - name: Deploy 🚀
         uses: JamesIves/[email protected]

package.json

@@ -5,15 +5,16 @@
   "homepage": "https://ayu023ban.github.io",
   "type": "module",
   "dependencies": {
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.5.0",
-    "@testing-library/user-event": "^7.2.1",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.1",
+    "@testing-library/user-event": "^14.5.2",
     "dotenv": "^16.4.4",
     "levenary": "^1.1.1",
     "node-fetch": "^3.3.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "2.1.8",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "4.0.3",
     "scroll-behavior-polyfill": "^2.0.13"
   },
   "scripts": {
@@ -41,6 +42,6 @@
     ]
   },
   "devDependencies": {
-    "gh-pages": "^3.1.0"
+    "gh-pages": "^6.1.1"
   }
 }

src/components/Footer/Footer.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react'
 import classes from './Footer.module.css'
 import { DataContext } from '../../hoc/DataContext'
-const footer = () => {
+const Footer = () => {
   const data  = useContext(DataContext)
   const full_name = data.profile.full_name
   return (
@@ -18,4 +18,4 @@ const footer = () => {
   )
 }
 
-export default footer
+export default Footer

src/components/SocialLinks/SocialLinks.js

@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import classes from "./SocialLinks.module.css";
 import { DataContext } from "../../hoc/DataContext";
-const socialLinks = () => {
+const SocialLinks = () => {
   const data = useContext(DataContext);
   const social_links = data.profile.social_links;
   return (
@@ -25,4 +25,4 @@ const socialLinks = () => {
   );
 };
 
-export default socialLinks;
+export default SocialLinks;