diff --git a/src/hooks/useReportScrollManager/index.native.js b/src/hooks/useReportScrollManager/index.native.ts
similarity index 68%
rename from src/hooks/useReportScrollManager/index.native.js
rename to src/hooks/useReportScrollManager/index.native.ts
index d44a40222ca5..ed9b7968636c 100644
--- a/src/hooks/useReportScrollManager/index.native.js
+++ b/src/hooks/useReportScrollManager/index.native.ts
@@ -1,27 +1,26 @@
 import {useContext, useCallback} from 'react';
 import {ActionListContext} from '../../pages/home/ReportScreenContext';
+import ReportScrollManagerData from './types';
 
-function useReportScrollManager() {
+function useReportScrollManager(): ReportScrollManagerData {
     const flatListRef = useContext(ActionListContext);
 
     /**
      * Scroll to the provided index.
-     *
-     * @param {Object} index
      */
-    const scrollToIndex = (index) => {
-        if (!flatListRef.current) {
+    const scrollToIndex = (index: number) => {
+        if (!flatListRef?.current) {
             return;
         }
 
-        flatListRef.current.scrollToIndex(index);
+        flatListRef.current.scrollToIndex({index});
     };
 
     /**
      * Scroll to the bottom of the flatlist.
      */
     const scrollToBottom = useCallback(() => {
-        if (!flatListRef.current) {
+        if (!flatListRef?.current) {
             return;
         }
 
diff --git a/src/hooks/useReportScrollManager/index.js b/src/hooks/useReportScrollManager/index.ts
similarity index 68%
rename from src/hooks/useReportScrollManager/index.js
rename to src/hooks/useReportScrollManager/index.ts
index 9a3303504b92..fd2c884e5b4c 100644
--- a/src/hooks/useReportScrollManager/index.js
+++ b/src/hooks/useReportScrollManager/index.ts
@@ -1,29 +1,27 @@
 import {useContext, useCallback} from 'react';
 import {ActionListContext} from '../../pages/home/ReportScreenContext';
+import ReportScrollManagerData from './types';
 
-function useReportScrollManager() {
+function useReportScrollManager(): ReportScrollManagerData {
     const flatListRef = useContext(ActionListContext);
 
     /**
      * Scroll to the provided index. On non-native implementations we do not want to scroll when we are scrolling because
      * we are editing a comment.
-     *
-     * @param {Object} index
-     * @param {Boolean} isEditing
      */
-    const scrollToIndex = (index, isEditing) => {
-        if (!flatListRef.current || isEditing) {
+    const scrollToIndex = (index: number, isEditing?: boolean) => {
+        if (!flatListRef?.current || isEditing) {
             return;
         }
 
-        flatListRef.current.scrollToIndex(index);
+        flatListRef.current.scrollToIndex({index, animated: true});
     };
 
     /**
      * Scroll to the bottom of the flatlist.
      */
     const scrollToBottom = useCallback(() => {
-        if (!flatListRef.current) {
+        if (!flatListRef?.current) {
             return;
         }
 
diff --git a/src/hooks/useReportScrollManager/types.ts b/src/hooks/useReportScrollManager/types.ts
new file mode 100644
index 000000000000..f5ff9b2f35cd
--- /dev/null
+++ b/src/hooks/useReportScrollManager/types.ts
@@ -0,0 +1,9 @@
+import {ActionListContextType} from '../../pages/home/ReportScreenContext';
+
+type ReportScrollManagerData = {
+    ref: ActionListContextType;
+    scrollToIndex: (index: number, isEditing?: boolean) => void;
+    scrollToBottom: () => void;
+};
+
+export default ReportScrollManagerData;
diff --git a/src/pages/home/ReportScreenContext.js b/src/pages/home/ReportScreenContext.js
deleted file mode 100644
index 1e8d30cf7585..000000000000
--- a/src/pages/home/ReportScreenContext.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import {createContext} from 'react';
-
-const ActionListContext = createContext();
-const ReactionListContext = createContext();
-
-export {ActionListContext, ReactionListContext};
diff --git a/src/pages/home/ReportScreenContext.ts b/src/pages/home/ReportScreenContext.ts
new file mode 100644
index 000000000000..83f76d8d8e2f
--- /dev/null
+++ b/src/pages/home/ReportScreenContext.ts
@@ -0,0 +1,17 @@
+import {RefObject, createContext} from 'react';
+import {FlatList, GestureResponderEvent} from 'react-native';
+
+type ReactionListRef = {
+    showReactionList: (event: GestureResponderEvent | undefined, reactionListAnchor: Element, emojiName: string, reportActionID: string) => void;
+    hideReactionList: () => void;
+    isActiveReportAction: (actionID: number | string) => boolean;
+};
+
+type ActionListContextType = RefObject<FlatList<unknown>> | null;
+type ReactionListContextType = RefObject<ReactionListRef> | null;
+
+const ActionListContext = createContext<ActionListContextType>(null);
+const ReactionListContext = createContext<ReactionListContextType>(null);
+
+export {ActionListContext, ReactionListContext};
+export type {ReactionListRef, ActionListContextType, ReactionListContextType};
diff --git a/src/pages/home/report/ReportActionItemMessageEdit.js b/src/pages/home/report/ReportActionItemMessageEdit.js
index 8330aef5f23f..be2f10f2f053 100644
--- a/src/pages/home/report/ReportActionItemMessageEdit.js
+++ b/src/pages/home/report/ReportActionItemMessageEdit.js
@@ -291,7 +291,7 @@ function ReportActionItemMessageEdit(props) {
         // Scroll to the last comment after editing to make sure the whole comment is clearly visible in the report.
         if (props.index === 0) {
             const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => {
-                reportScrollManager.scrollToIndex({animated: true, index: props.index}, false);
+                reportScrollManager.scrollToIndex(props.index, false);
                 keyboardDidHideListener.remove();
             });
         }
@@ -406,7 +406,7 @@ function ReportActionItemMessageEdit(props) {
                             style={[styles.textInputCompose, styles.flex1, styles.bgTransparent]}
                             onFocus={() => {
                                 setIsFocused(true);
-                                reportScrollManager.scrollToIndex({animated: true, index: props.index}, true);
+                                reportScrollManager.scrollToIndex(props.index, true);
                                 setShouldShowComposeInputKeyboardAware(false);
 
                                 // Clear active report action when another action gets focused