diff --git a/src/components/views/elements/InlineSpinner.js b/src/components/views/elements/InlineSpinner.tsx
similarity index 78%
rename from src/components/views/elements/InlineSpinner.js
rename to src/components/views/elements/InlineSpinner.tsx
index bbbe60d500..934f19205f 100644
--- a/src/components/views/elements/InlineSpinner.js
+++ b/src/components/views/elements/InlineSpinner.tsx
@@ -18,19 +18,26 @@ import React from "react";
 import {_t} from "../../../languageHandler";
 import {replaceableComponent} from "../../../utils/replaceableComponent";
 
-@replaceableComponent("views.elements.InlineSpinner")
-export default class InlineSpinner extends React.Component {
-    render() {
-        const w = this.props.w || 16;
-        const h = this.props.h || 16;
+interface IProps {
+    w?: number,
+    h?: number,
+}
 
+@replaceableComponent("views.elements.InlineSpinner")
+export default class InlineSpinner extends React.PureComponent<IProps> {
+    static defaultProps = {
+        w: 16,
+        h: 16,
+    }
+
+    render() {
         return (
             <div className="mx_InlineSpinner">
                 <div
                     className="mx_InlineSpinner_icon mx_Spinner_icon"
-                    style={{width: w, height: h}}
+                    style={{width: this.props.w, height: this.props.h}}
                     aria-label={_t("Loading...")}
-                ></div>
+                />
             </div>
         );
     }