Added react-snapshot into the build pipeline to improve perf

package.json

@@ -27,15 +27,18 @@
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.1",
     "typescript": "^4.1.3",
-    "web-vitals": "^0.2.4"
+    "web-vitals": "^0.2.4",
+    "react-snapshot": "^1.3.0",
+    "serve": "^11.3.2"
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "react-scripts build && react-snapshot",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "predeploy": "npm run build",
-    "deploy": "gh-pages -d build"
+    "deploy": "gh-pages -d build",
+    "serve": "serve -s build"
   },
   "eslintConfig": {
     "extends": [
@@ -55,5 +58,8 @@
       "last 1 safari version"
     ]
   },
-  "homepage": "https://jakecover.me"
+  "homepage": "https://jakecover.me",
+  "devDependencies": {
+    "@types/react-snapshot": "^1.3.0"
+  }
 }

src/index.tsx

@@ -1,12 +1,13 @@
 import React from "react";
-import ReactDOM from "react-dom";
+import { render } from "react-snapshot";
+
 import "./index.scss";
-import "./imports.scss"
+import "./imports.scss";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
 import { HashRouter } from "react-router-dom";
 
-ReactDOM.render(
+render(
   <HashRouter>
     <App />
   </HashRouter>,