diff --git a/src/pages/home/report/ReportActionItemGrouped.js b/src/pages/home/report/ReportActionItemGrouped.js
deleted file mode 100644
index 8c8c51bda3c2..000000000000
--- a/src/pages/home/report/ReportActionItemGrouped.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import {View} from 'react-native';
-import stylePropTypes from '@styles/stylePropTypes';
-import useThemeStyles from '@styles/useThemeStyles';
-
-const propTypes = {
-    /** Children view component for this action item */
-    children: PropTypes.node.isRequired,
-
-    /** Styles for the outermost View */
-    wrapperStyle: stylePropTypes,
-};
-
-const defaultProps = {
-    wrapperStyle: undefined,
-};
-
-function ReportActionItemGrouped({wrapperStyle, children}) {
-    const styles = useThemeStyles();
-    return (
-        <View style={[styles.chatItem, wrapperStyle]}>
-            <View style={styles.chatItemRightGrouped}>{children}</View>
-        </View>
-    );
-}
-
-ReportActionItemGrouped.propTypes = propTypes;
-ReportActionItemGrouped.defaultProps = defaultProps;
-ReportActionItemGrouped.displayName = 'ReportActionItemGrouped';
-export default ReportActionItemGrouped;
diff --git a/src/pages/home/report/ReportActionItemGrouped.tsx b/src/pages/home/report/ReportActionItemGrouped.tsx
new file mode 100644
index 000000000000..5e49f7af9d10
--- /dev/null
+++ b/src/pages/home/report/ReportActionItemGrouped.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import {StyleProp, View, ViewStyle} from 'react-native';
+import useThemeStyles from '@styles/useThemeStyles';
+import ChildrenProps from '@src/types/utils/ChildrenProps';
+
+type ReportActionItemGroupedProps = ChildrenProps & {
+    /** Styles for the outermost View */
+    wrapperStyle?: StyleProp<ViewStyle>;
+};
+
+function ReportActionItemGrouped({wrapperStyle, children}: ReportActionItemGroupedProps) {
+    const styles = useThemeStyles();
+    return (
+        <View style={[styles.chatItem, wrapperStyle]}>
+            <View style={styles.chatItemRightGrouped}>{children}</View>
+        </View>
+    );
+}
+
+ReportActionItemGrouped.displayName = 'ReportActionItemGrouped';
+
+export default ReportActionItemGrouped;