diff --git a/ui/src/shared/components/ManualRefresh.tsx b/ui/src/shared/components/ManualRefresh.tsx
index d3edcd1016..43df154935 100644
--- a/ui/src/shared/components/ManualRefresh.tsx
+++ b/ui/src/shared/components/ManualRefresh.tsx
@@ -1,21 +1,26 @@
-import React, {Component} from 'react'
+import React, {Component, ComponentClass} from 'react'
 
-const ManualRefresh = WrappedComponent =>
-  class extends Component {
-    constructor(props) {
+export interface ManualRefreshProps {
+  manualRefresh: number
+  onManualRefresh: () => void
+}
+
+interface ManualRefreshState {
+  manualRefresh: number
+}
+
+const ManualRefresh = <P extends ManualRefreshProps>(
+  WrappedComponent: ComponentClass<P>
+): ComponentClass<P> =>
+  class extends Component<P, ManualRefreshState> {
+    public constructor(props: P) {
       super(props)
       this.state = {
         manualRefresh: Date.now(),
       }
     }
 
-    handleManualRefresh = () => {
-      this.setState({
-        manualRefresh: Date.now(),
-      })
-    }
-
-    render() {
+    public render() {
       return (
         <WrappedComponent
           {...this.props}
@@ -24,6 +29,12 @@ const ManualRefresh = WrappedComponent =>
         />
       )
     }
+
+    private handleManualRefresh = (): void => {
+      this.setState({
+        manualRefresh: Date.now(),
+      })
+    }
   }
 
 export default ManualRefresh