diff --git a/packages/reports/src/Components/Elements/ContentLoader/index.js b/packages/reports/src/Components/Elements/ContentLoader/index.js
index 9e70635b68c6..1995095d0fa0 100644
--- a/packages/reports/src/Components/Elements/ContentLoader/index.js
+++ b/packages/reports/src/Components/Elements/ContentLoader/index.js
@@ -1 +1 @@
-export * from './reports-table-row.jsx';
+export * from './reports-table-row';
diff --git a/packages/reports/src/Components/Elements/ContentLoader/reports-table-row.jsx b/packages/reports/src/Components/Elements/ContentLoader/reports-table-row.tsx
similarity index 85%
rename from packages/reports/src/Components/Elements/ContentLoader/reports-table-row.jsx
rename to packages/reports/src/Components/Elements/ContentLoader/reports-table-row.tsx
index 328ea93c733f..7f9866e8ddb2 100644
--- a/packages/reports/src/Components/Elements/ContentLoader/reports-table-row.jsx
+++ b/packages/reports/src/Components/Elements/ContentLoader/reports-table-row.tsx
@@ -1,8 +1,11 @@
 import ContentLoader from 'react-content-loader';
 import React from 'react';
-import PropTypes from 'prop-types';
 
-const ReportsTableRowLoader = ({ speed }) => (
+type TReportsTableRowLoader = {
+    speed?: number;
+};
+
+const ReportsTableRowLoader = ({ speed }: TReportsTableRowLoader) => (
     <ContentLoader
         height={64}
         width={992}
@@ -21,8 +24,4 @@ const ReportsTableRowLoader = ({ speed }) => (
     </ContentLoader>
 );
 
-ReportsTableRowLoader.propTypes = {
-    speed: PropTypes.number,
-};
-
 export { ReportsTableRowLoader };