diff --git a/src/components/FixedFooter.js b/src/components/FixedFooter.js
deleted file mode 100644
index bad2639ae7e8..000000000000
--- a/src/components/FixedFooter.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import {View} from 'react-native';
-import PropTypes from 'prop-types';
-import styles from '../styles/styles';
-
-const propTypes = {
-    /** Children to wrap in FixedFooter. */
-    children: PropTypes.node.isRequired,
-
-    /** Styles to be assigned to Container */
-    // eslint-disable-next-line react/forbid-prop-types
-    style: PropTypes.arrayOf(PropTypes.object),
-};
-
-const defaultProps = {
-    style: [],
-};
-
-function FixedFooter(props) {
-    return <View style={[styles.ph5, styles.pb5, styles.flexShrink0, ...props.style]}>{props.children}</View>;
-}
-
-FixedFooter.propTypes = propTypes;
-FixedFooter.defaultProps = defaultProps;
-FixedFooter.displayName = 'FixedFooter';
-export default FixedFooter;
diff --git a/src/components/FixedFooter.tsx b/src/components/FixedFooter.tsx
new file mode 100644
index 000000000000..c44b9bf3d0e0
--- /dev/null
+++ b/src/components/FixedFooter.tsx
@@ -0,0 +1,19 @@
+import React, {ReactNode} from 'react';
+import {StyleProp, View, ViewStyle} from 'react-native';
+import styles from '../styles/styles';
+
+type FixedFooterProps = {
+    /** Children to wrap in FixedFooter. */
+    children: ReactNode;
+
+    /** Styles to be assigned to Container */
+    style: Array<StyleProp<ViewStyle>>;
+};
+
+function FixedFooter({style = [], children}: FixedFooterProps) {
+    return <View style={[styles.ph5, styles.pb5, styles.flexShrink0, ...style]}>{children}</View>;
+}
+
+FixedFooter.displayName = 'FixedFooter';
+
+export default FixedFooter;