diff --git a/src/components/SafeArea/index.ios.js b/src/components/SafeArea/index.ios.tsx
similarity index 65%
rename from src/components/SafeArea/index.ios.js
rename to src/components/SafeArea/index.ios.tsx
index 2ef716d0e977..2e26d6de0334 100644
--- a/src/components/SafeArea/index.ios.js
+++ b/src/components/SafeArea/index.ios.tsx
@@ -1,23 +1,19 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import {SafeAreaView} from 'react-native-safe-area-context';
 import styles from '@styles/styles';
+import SafeAreaProps from './types';
 
-function SafeArea(props) {
+function SafeArea({children}: SafeAreaProps) {
     return (
         <SafeAreaView
             style={[styles.iPhoneXSafeArea]}
             edges={['left', 'right']}
         >
-            {props.children}
+            {children}
         </SafeAreaView>
     );
 }
 
-SafeArea.propTypes = {
-    /** App content */
-    children: PropTypes.node.isRequired,
-};
 SafeArea.displayName = 'SafeArea';
 
 export default SafeArea;
diff --git a/src/components/SafeArea/index.js b/src/components/SafeArea/index.js
deleted file mode 100644
index e68fd1c402ce..000000000000
--- a/src/components/SafeArea/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export default ({children}) => children;
diff --git a/src/components/SafeArea/index.tsx b/src/components/SafeArea/index.tsx
new file mode 100644
index 000000000000..94090ef48642
--- /dev/null
+++ b/src/components/SafeArea/index.tsx
@@ -0,0 +1,3 @@
+import SafeAreaProps from './types';
+
+export default ({children}: SafeAreaProps) => children;
diff --git a/src/components/SafeArea/types.ts b/src/components/SafeArea/types.ts
new file mode 100644
index 000000000000..89faea46ab71
--- /dev/null
+++ b/src/components/SafeArea/types.ts
@@ -0,0 +1,5 @@
+import ChildrenProps from '@src/types/utils/ChildrenProps';
+
+type SafeAreaProps = ChildrenProps;
+
+export default SafeAreaProps;