diff --git a/packages/components/src/components/u-i-loader/index.js b/packages/components/src/components/u-i-loader/index.ts
similarity index 56%
rename from packages/components/src/components/u-i-loader/index.js
rename to packages/components/src/components/u-i-loader/index.ts
index 27098ddb3a6d..a82afaee7cb5 100644
--- a/packages/components/src/components/u-i-loader/index.js
+++ b/packages/components/src/components/u-i-loader/index.ts
@@ -1,4 +1,4 @@
-import UILoader from './ui-loader.jsx';
+import UILoader from './ui-loader';
 import './ui-loader.scss';
 
 export default UILoader;
diff --git a/packages/components/src/components/u-i-loader/ui-loader.jsx b/packages/components/src/components/u-i-loader/ui-loader.tsx
similarity index 83%
rename from packages/components/src/components/u-i-loader/ui-loader.jsx
rename to packages/components/src/components/u-i-loader/ui-loader.tsx
index 2bd8313595c5..34ce92b6b06a 100644
--- a/packages/components/src/components/u-i-loader/ui-loader.jsx
+++ b/packages/components/src/components/u-i-loader/ui-loader.tsx
@@ -1,8 +1,11 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React from 'react';
+import classNames from 'classnames';
 
-const UILoader = ({ className, classNameBlock }) => {
+type TUILoader = {
+    className?: string;
+    classNameBlock?: string;
+};
+const UILoader = ({ className, classNameBlock }: TUILoader) => {
     const block_class = classNames(classNameBlock, 'block-ui');
     const loading_class = classNames('block-ui__loading', className);
     return (
@@ -26,9 +29,4 @@ const UILoader = ({ className, classNameBlock }) => {
     );
 };
 
-UILoader.propTypes = {
-    className: PropTypes.string,
-    classNameBlock: PropTypes.string,
-};
-
 export default UILoader;