diff --git a/app/views/RoomView/LoadMore/LoadMore.stories.js b/app/views/RoomView/LoadMore/LoadMore.stories.tsx
similarity index 97%
rename from app/views/RoomView/LoadMore/LoadMore.stories.js
rename to app/views/RoomView/LoadMore/LoadMore.stories.tsx
index eb719646b..7591adabb 100644
--- a/app/views/RoomView/LoadMore/LoadMore.stories.js
+++ b/app/views/RoomView/LoadMore/LoadMore.stories.tsx
@@ -28,7 +28,7 @@ stories.add('basic', () => (
 	</>
 ));
 
-const ThemeStory = ({ theme }) => (
+const ThemeStory = ({ theme }: { theme: string }) => (
 	<ThemeContext.Provider value={{ theme }}>
 		<ScrollView style={{ backgroundColor: themes[theme].backgroundColor }}>
 			<LoadMore load={load} type={MESSAGE_TYPE_LOAD_PREVIOUS_CHUNK} />
diff --git a/app/views/RoomView/LoadMore/index.js b/app/views/RoomView/LoadMore/index.tsx
similarity index 88%
rename from app/views/RoomView/LoadMore/index.js
rename to app/views/RoomView/LoadMore/index.tsx
index 3c87461d5..143479152 100644
--- a/app/views/RoomView/LoadMore/index.js
+++ b/app/views/RoomView/LoadMore/index.tsx
@@ -1,6 +1,5 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { ActivityIndicator, StyleSheet, Text } from 'react-native';
-import PropTypes from 'prop-types';
 
 import { themes } from '../../../constants/colors';
 import { MESSAGE_TYPE_LOAD_NEXT_CHUNK, MESSAGE_TYPE_LOAD_PREVIOUS_CHUNK } from '../../../constants/messageTypeLoad';
@@ -21,7 +20,13 @@ const styles = StyleSheet.create({
 	}
 });
 
-const LoadMore = ({ load, type, runOnRender }) => {
+interface IRoomLoadMoreProps {
+	load(): Promise<unknown>;
+	type?: string;
+	runOnRender?: boolean;
+}
+
+const LoadMore = ({ load, type, runOnRender }: IRoomLoadMoreProps) => {
 	const { theme } = useTheme();
 	const [loading, setLoading] = useState(false);
 
@@ -62,10 +67,4 @@ const LoadMore = ({ load, type, runOnRender }) => {
 	);
 };
 
-LoadMore.propTypes = {
-	load: PropTypes.func,
-	type: PropTypes.string,
-	runOnRender: PropTypes.bool
-};
-
 export default LoadMore;