to work with reactrouter 6

.eslintrc.json

@@ -0,0 +1,24 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended",
+        "plugin:@typescript-eslint/recommended"
+    ],
+    "overrides": [
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "react",
+        "@typescript-eslint"
+    ],
+    "rules": {
+    }
+}

README.md

@@ -1,6 +1,6 @@
 #  Web Pranks
 
-[Web Pranks](https://www.iprank.us/) is a website that lets you appear to prank other websites. For example, enter *cnn.com* as the Website Address, choose *Wrecking Ball* for the Prank, and then a wrecking ball will appear to smash the current CNN website- though all changes actually only happen on your local device.
+[Web Pranks](https://www.webfun.fun/) is a website that lets you appear to prank other websites. For example, enter *cnn.com* as the Website Address, choose *Wrecking Ball* for the Prank, and then a wrecking ball will appear to smash the current CNN website- though all changes actually only happen on the local device.
 
 
 

package.json

@@ -3,31 +3,31 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
-    "@types/history": "^4.7.9",
-    "@types/jest": "^26.0.15",
-    "@types/matter-js": "^0.17.4",
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.9.53",
-    "@types/react-bootstrap": "^0.32.29",
-    "@types/react-dom": "^16.9.8",
-    "@types/react-router-dom": "^5.3.2",
-    "bootstrap": "^4.5.3",
-    "html2canvas": "^1.3.2",
-    "matter-js": "^0.17.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/history": "^5.0.0",
+    "@types/jest": "^28.1.8",
+    "@types/matter-js": "^0.18.1",
+    "@types/node": "^18.7.13",
+    "@types/react": "^18.0.17",
+    "@types/react-bootstrap": "^0.32.30",
+    "@types/react-dom": "^18.0.6",
+    "@types/react-router-dom": "^5.3.3",
+    "bootstrap": "^5.2.0",
+    "html2canvas": "^1.4.1",
+    "matter-js": "^0.18.0",
     "phaser": "^3.55.2",
     "poly-decomp": "^0.3.0",
-    "react": "^17.0.1",
-    "react-bootstrap": "^2.1.0",
-    "react-dom": "^17.0.1",
-    "react-router-dom": "^5.3.0",
-    "react-scripts": "4.0.1",
+    "react": "^18.2.0",
+    "react-bootstrap": "^2.5.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.3.0",
+    "react-scripts": "5.0.1",
     "readline": "^1.3.0",
     "stream-browserify": "^3.0.0",
-    "typescript": "^4.0.3",
-    "web-vitals": "^0.2.4"
+    "typescript": "^4.8.2",
+    "web-vitals": "^3.0.0"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -64,6 +64,10 @@
     ]
   },
   "devDependencies": {
-    "react-refresh": "^0.9.0"
+    "@typescript-eslint/eslint-plugin": "^5.36.1",
+    "@typescript-eslint/parser": "^5.36.1",
+    "eslint": "^8.23.0",
+    "eslint-plugin-react": "^7.31.1",
+    "react-refresh": "^0.14.0"
   }
 }