diff --git a/fitbit-challenges/frontend/package-lock.json b/fitbit-challenges/frontend/package-lock.json
index ea51473c..8446f52f 100644
--- a/fitbit-challenges/frontend/package-lock.json
+++ b/fitbit-challenges/frontend/package-lock.json
@@ -13,6 +13,8 @@
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
+        "@types/node": "^18.15.11",
+        "@types/react": "^18.0.35",
         "graphql": "^16.6.0",
         "graphql-tag": "^2.12.6",
         "lodash": "^4.17.21",
@@ -22,6 +24,7 @@
         "react-plotlyjs": "^0.4.4",
         "react-router-dom": "^6.10.0",
         "react-scripts": "5.0.1",
+        "typescript": "^4",
         "web-vitals": "^2.1.4"
       },
       "devDependencies": {
@@ -4209,9 +4212,9 @@
       "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw=="
     },
     "node_modules/@types/react": {
-      "version": "18.0.31",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.31.tgz",
-      "integrity": "sha512-EEG67of7DsvRDU6BLLI0p+k1GojDLz9+lZsnCpCRTa/lOokvyPBvp8S5x+A24hME3yyQuIipcP70KJ6H7Qupww==",
+      "version": "18.0.35",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.35.tgz",
+      "integrity": "sha512-6Laome31HpetaIUGFWl1VQ3mdSImwxtFZ39rh059a1MNnKGqBpC88J6NJ8n/Is3Qx7CefDGLgf/KhN/sYCf7ag==",
       "dependencies": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -16497,7 +16500,6 @@
       "version": "4.9.5",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
       "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
diff --git a/fitbit-challenges/frontend/package.json b/fitbit-challenges/frontend/package.json
index 6917e947..1c059f60 100644
--- a/fitbit-challenges/frontend/package.json
+++ b/fitbit-challenges/frontend/package.json
@@ -8,6 +8,8 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "@types/node": "^18.15.11",
+    "@types/react": "^18.0.35",
     "graphql": "^16.6.0",
     "graphql-tag": "^2.12.6",
     "lodash": "^4.17.21",
@@ -17,6 +19,7 @@
     "react-plotlyjs": "^0.4.4",
     "react-router-dom": "^6.10.0",
     "react-scripts": "5.0.1",
+    "typescript": "^4",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
diff --git a/fitbit-challenges/frontend/src/App.test.js b/fitbit-challenges/frontend/src/App.test.tsx
similarity index 100%
rename from fitbit-challenges/frontend/src/App.test.js
rename to fitbit-challenges/frontend/src/App.test.tsx
diff --git a/fitbit-challenges/frontend/src/App.js b/fitbit-challenges/frontend/src/App.tsx
similarity index 100%
rename from fitbit-challenges/frontend/src/App.js
rename to fitbit-challenges/frontend/src/App.tsx
diff --git a/fitbit-challenges/frontend/src/index.js b/fitbit-challenges/frontend/src/index.tsx
similarity index 95%
rename from fitbit-challenges/frontend/src/index.js
rename to fitbit-challenges/frontend/src/index.tsx
index e42a9834..aa458f06 100644
--- a/fitbit-challenges/frontend/src/index.js
+++ b/fitbit-challenges/frontend/src/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import './App.css';
-import App from './App';
+import App from './App.tsx';
 
 import { ApolloClient, HttpLink, InMemoryCache, ApolloProvider } from '@apollo/client';