diff --git a/client/package-lock.json b/client/package-lock.json
index 02074be18a..e88856212c 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -5805,6 +5805,14 @@
         }
       }
     },
+    "@types/react-spinkit": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/react-spinkit/-/react-spinkit-3.0.6.tgz",
+      "integrity": "sha512-iGgzwQcwU93PSue8U5eYwXEf2yF7ji1vraqB1op6ZuSRvdYg/keFP+7pEuIt454XSQgc/aI4XyLZfO1TdoT0Bw==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
     "@types/react-transition-group": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.1.tgz",
diff --git a/client/package.json b/client/package.json
index bced1644c8..16d35fea33 100644
--- a/client/package.json
+++ b/client/package.json
@@ -53,6 +53,7 @@
     "@freecodecamp/strip-comments": "3.0.0",
     "@loadable/component": "5.15.0",
     "@reach/router": "1.3.4",
+    "@types/react-spinkit": "^3.0.6",
     "algoliasearch": "4.9.3",
     "assert": "2.0.0",
     "babel-plugin-preval": "5.0.0",
diff --git a/client/src/components/helpers/Loader.js b/client/src/components/helpers/loader.tsx
similarity index 100%
rename from client/src/components/helpers/Loader.js
rename to client/src/components/helpers/loader.tsx