chore(js-ts): Convert AsyncLoad to TypeScript

Co-Authored-By: Joseph Gross <joseph@cognition.ai>
(cherry picked from commit 10af628585f336fafbf1292e160dc9528a73852a)

Author: devin-ai-integration[bot]

…/elements/common/async-load/AsyncLoad.js …elements/common/async-load/AsyncLoad.tsxsrc/elements/common/async-load/AsyncLoad.js renamed to src/elements/common/async-load/AsyncLoad.tsx src/elements/common/async-load/AsyncLoad.js renamed to src/elements/common/async-load/AsyncLoad.tsx

@@ -1,32 +1,29 @@
-// @flow
 import * as React from 'react';
 import AsyncError from './AsyncError';
 import { retryNumOfTimes } from '../../../utils/function';
 
-type Props = {
-    errorComponent?: React.ComponentType<any>,
-    fallback?: React.Element<any>,
-    loader: () => Promise<any>,
-};
+interface Props {
+    errorComponent?: React.ComponentType<{ error: Error }>;
+    fallback?: React.ReactElement;
+    loader: () => Promise<{ default: React.ComponentType<unknown> }>;
+}
 
 const DEFAULT_NUM_TIMES = 3;
 const DEFAULT_INITIAL_DELAY = 500;
 const DEFAULT_BACKOFF_FACTOR = 2;
 
-const AsyncLoad = ({ errorComponent, fallback, loader }: Props = {}) => {
+const AsyncLoad = ({ errorComponent, fallback, loader }: Props) => {
     const lazyRetry = () =>
         retryNumOfTimes(
-            (successCallback, errorCallback) =>
-                loader()
-                    .then(successCallback)
-                    .catch(errorCallback),
+            (successCallback: (value: unknown) => void, errorCallback: (reason: unknown) => void) =>
+                loader().then(successCallback).catch(errorCallback),
             DEFAULT_NUM_TIMES,
             DEFAULT_INITIAL_DELAY,
             DEFAULT_BACKOFF_FACTOR,
         );
     const LazyComponent = React.lazy(() => loader().catch(lazyRetry));
 
-    return React.forwardRef<Object, React.Ref<any>>((props: Object, ref: React.Ref<any>) => (
+    return React.forwardRef((props: Record<string, unknown>, ref: React.Ref<unknown>) => (
         <AsyncError component={errorComponent}>
             <React.Suspense fallback={fallback || null}>
                 <LazyComponent ref={ref} {...props} />