diff --git a/client/src/components/OfflineWarning/index.js b/client/src/components/OfflineWarning/index.js
deleted file mode 100644
index f22e29909f..0000000000
--- a/client/src/components/OfflineWarning/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './OfflineWarning';
diff --git a/client/src/components/OfflineWarning/index.tsx b/client/src/components/OfflineWarning/index.tsx
new file mode 100644
index 0000000000..0ff8346ce2
--- /dev/null
+++ b/client/src/components/OfflineWarning/index.tsx
@@ -0,0 +1 @@
+export { default } from './offline-warning';
diff --git a/client/src/components/OfflineWarning/OfflineWarning.js b/client/src/components/OfflineWarning/offline-warning.tsx
similarity index 74%
rename from client/src/components/OfflineWarning/OfflineWarning.js
rename to client/src/components/OfflineWarning/offline-warning.tsx
index 237e319b4b..3500ed17e3 100644
--- a/client/src/components/OfflineWarning/OfflineWarning.js
+++ b/client/src/components/OfflineWarning/offline-warning.tsx
@@ -1,16 +1,20 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 
 import './offline-warning.css';
 
 const delayInMilliSeconds = 5000;
-let id;
-const propTypes = {
-  isOnline: PropTypes.bool.isRequired,
-  isSignedIn: PropTypes.bool.isRequired
-};
-function OfflineWarning({ isOnline, isSignedIn }) {
+let id: ReturnType<typeof setTimeout>;
+
+interface OfflineWarningProps {
+  isOnline: boolean;
+  isSignedIn: boolean;
+}
+
+function OfflineWarning({
+  isOnline,
+  isSignedIn
+}: OfflineWarningProps): JSX.Element | null {
   const { t } = useTranslation();
   const [showWarning, setShowWarning] = React.useState(false);
 
@@ -33,6 +37,5 @@ function OfflineWarning({ isOnline, isSignedIn }) {
 }
 
 OfflineWarning.displayName = 'OfflineWarning';
-OfflineWarning.propTypes = propTypes;
 
 export default OfflineWarning;