chore(ui): migrate more code to typescript

ui/src/Components/FetchPauser/index.js

@@ -1,19 +0,0 @@
-import { useEffect } from "react";
-import PropTypes from "prop-types";
-
-import { AlertStore } from "Stores/AlertStore";
-
-const FetchPauser = ({ children, alertStore }) => {
-  useEffect(() => {
-    alertStore.status.pause();
-    return alertStore.status.resume;
-  }, [alertStore.status]);
-
-  return children;
-};
-FetchPauser.propTypes = {
-  children: PropTypes.any,
-  alertStore: PropTypes.instanceOf(AlertStore).isRequired,
-};
-
-export { FetchPauser };

ui/src/Components/FetchPauser/index.tsx

@@ -0,0 +1,17 @@
+import { FC, ReactElement, useEffect } from "react";
+
+import { AlertStore } from "Stores/AlertStore";
+
+const FetchPauser: FC<{
+  children: ReactElement;
+  alertStore: AlertStore;
+}> = ({ children, alertStore }) => {
+  useEffect(() => {
+    alertStore.status.pause();
+    return alertStore.status.resume;
+  }, [alertStore.status]);
+
+  return children;
+};
+
+export { FetchPauser };