Merge pull request binary-com#42 from suisin-deriv/suisin/74147/ts_mi…

…gration_poi_expired

Suisin/74147/ts migration poi expired

packages/account/src/Components/poi/status/expired/__tests__/expired.spec.js → packages/account/src/Components/poi/status/expired/__tests__/expired.spec.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import Expired from '../expired';
 
 describe('<Expired />', () => {

packages/account/src/Components/poi/status/expired/expired.jsx → packages/account/src/Components/poi/status/expired/expired.tsx

@@ -1,10 +1,15 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Button, Icon } from '@deriv/components';
 import { localize } from '@deriv/translations';
 import IconMessageContent from 'Components/icon-message-content';
 
-const Expired = ({ handleRequireSubmission, is_from_external, redirect_button }) => {
+type TExpired = {
+    handleRequireSubmission: () => void;
+    is_from_external: boolean;
+    redirect_button: React.ReactElement;
+};
+
+const Expired = ({ handleRequireSubmission, is_from_external, redirect_button }: TExpired) => {
     return (
         <IconMessageContent
             message={localize('New proof of identity document needed')}
@@ -23,10 +28,4 @@ const Expired = ({ handleRequireSubmission, is_from_external, redirect_button })
     );
 };
 
-Expired.propTypes = {
-    handleRequireSubmission: PropTypes.func,
-    is_from_external: PropTypes.bool,
-    redirect_button: PropTypes.element,
-};
-
 export default Expired;

packages/account/src/Components/poi/status/expired/index.js

@@ -1,3 +1,3 @@
-import Expired from './expired.jsx';
+import Expired from './expired';
 
 export default Expired;