diff --git a/package-lock.json b/package-lock.json
index c93d1713..3ee5e53f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16315,6 +16315,11 @@
             "psl": "^1.1.28",
             "punycode": "^2.1.1"
           }
+        },
+        "uuid": {
+          "version": "3.4.0",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+          "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
         }
       }
     },
@@ -17224,6 +17229,13 @@
       "requires": {
         "faye-websocket": "^0.10.0",
         "uuid": "^3.0.1"
+      },
+      "dependencies": {
+        "uuid": {
+          "version": "3.4.0",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+          "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
+        }
       }
     },
     "sockjs-client": {
@@ -18412,9 +18424,9 @@
       "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
     },
     "uuid": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
-      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
     },
     "v8-compile-cache": {
       "version": "2.1.0",
@@ -19375,6 +19387,13 @@
       "requires": {
         "ansi-colors": "^3.0.0",
         "uuid": "^3.3.2"
+      },
+      "dependencies": {
+        "uuid": {
+          "version": "3.4.0",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+          "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
+        }
       }
     },
     "webpack-manifest-plugin": {
diff --git a/package.json b/package.json
index 5a8725c9..88788fa8 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,8 @@
     "react-dom": "^16.13.1",
     "react-dropdown": "^1.7.0",
     "react-scripts": "3.4.1",
-    "striptags": "^3.1.1"
+    "striptags": "^3.1.1",
+    "uuid": "^8.3.2"
   },
   "scripts": {
     "start": "react-scripts start",
diff --git a/src/components/Display.js b/src/components/Display.js
index f4f8d578..abbeedf3 100644
--- a/src/components/Display.js
+++ b/src/components/Display.js
@@ -10,6 +10,7 @@ const Display = (props) => {
     const [selectedSeason, setSelectedSeason] = useState("none");
 
     const { displayFunc } = props;
+    
     const handleClick = () => {
         fetchShow().then(data => {
             setShow(data);
diff --git a/src/components/tests/Display.test.js b/src/components/tests/Display.test.js
index 5a01416b..ee04041c 100644
--- a/src/components/tests/Display.test.js
+++ b/src/components/tests/Display.test.js
@@ -1,7 +1,18 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import Display from "../Display"
 
+test("Display renders correctly", () => {
+  render(<Display/>);
+})
 
+test("Responds when isFetchingData is true"), () => {
 
+}
 
+test("Responds when isFetchingData is false"), () => {
+  
+}