diff --git a/examples/05-typescript/package.json b/examples/05-typescript/package.json
index d516506..0a1da73 100644
--- a/examples/05-typescript/package.json
+++ b/examples/05-typescript/package.json
@@ -38,7 +38,7 @@
   "dependencies": {
     "react": "^16.8.5",
     "react-dom": "^16.8.5",
-    "react-loader-spinner": "^2.3.0",
+    "react-loader-spinner": "^5.3.4",
     "react-promise-tracker": "^2.1.0"
   }
 }
diff --git a/examples/05-typescript/src/common/spinner/spinner.tsx b/examples/05-typescript/src/common/spinner/spinner.tsx
index 09e5405..05ce5b9 100644
--- a/examples/05-typescript/src/common/spinner/spinner.tsx
+++ b/examples/05-typescript/src/common/spinner/spinner.tsx
@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { usePromiseTracker } from 'react-promise-tracker';
-import Loader from 'react-loader-spinner';
+import { ThreeDots } from 'react-loader-spinner';
 import './spinner.css';
 
 export const Spinner: React.FunctionComponent = () => {
   const { promiseInProgress } = usePromiseTracker(null);
 
   return (
-    promiseInProgress && (
+     <div> { promiseInProgress && (
       <div className="spinner">
-        <Loader type="ThreeDots" color="#2BAD60" height="100" width="100" />
-      </div>
+        <ThreeDots color="#2BAD60" height="100" width="100" />
+      </div> } </div>
     )
   );
 };