Upgrade react

.circleci/config.yml

@@ -6,7 +6,7 @@ version: 2
 jobs:
   build:
     docker:
-      - image: circleci/node:10
+      - image: cimg/node:20.11
 
     working_directory: ~/repo
 

package.json

@@ -3,12 +3,17 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/user-event": "^13.2.1",
+    "buffer": "^6.0.3",
     "jsbi": "^3.1.1",
-    "react": "^16.10.0",
-    "react-dom": "^16.10.0",
-    "react-scripts": "3.1.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "5.0.1",
     "semantic-ui-css": "^2.4.1",
-    "semantic-ui-react": "^0.88.1"
+    "semantic-ui-react": "^0.88.1",
+    "web-vitals": "^2.1.0"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -17,7 +22,10 @@
     "eject": "react-scripts eject"
   },
   "eslintConfig": {
-    "extends": "react-app"
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
   },
   "browserslist": {
     "production": [

src/App.test.js

@@ -1,9 +1,6 @@
-import React from "react";
-import ReactDOM from "react-dom";
+import { render, screen } from '@testing-library/react';
 import App from "./App";
 
 it("renders without crashing", () => {
-  const div = document.createElement("div");
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
+  render(<App />)
 });

src/hexUtils.js

@@ -1,3 +1,5 @@
+import { Buffer } from 'buffer'
+
 export function parseInput(input) {
   const normalizedInput = input.replace(/\s/g, "");
   const normalizedHexInput = normalizedInput.replace(/0x/g, "").toLowerCase();