diff --git a/app/soapbox/features/ui/components/modals/landing-page-modal.js b/app/soapbox/features/ui/components/modals/landing-page-modal.tsx
similarity index 92%
rename from app/soapbox/features/ui/components/modals/landing-page-modal.js
rename to app/soapbox/features/ui/components/modals/landing-page-modal.tsx
index 9fa8784bb..c6e47b20c 100644
--- a/app/soapbox/features/ui/components/modals/landing-page-modal.js
+++ b/app/soapbox/features/ui/components/modals/landing-page-modal.tsx
@@ -1,5 +1,4 @@
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
@@ -14,7 +13,11 @@ const messages = defineMessages({
   register: { id: 'header.register.label', defaultMessage: 'Register' },
 });
 
-const LandingPageModal = ({ onClose }) => {
+interface ILandingPageModal {
+  onClose: (type: string) => void,
+}
+
+const LandingPageModal: React.FC<ILandingPageModal> = ({ onClose }) => {
   const intl = useIntl();
 
   const { logo } = useSoapboxConfig();
@@ -51,8 +54,4 @@ const LandingPageModal = ({ onClose }) => {
   );
 };
 
-LandingPageModal.propTypes = {
-  onClose: PropTypes.func.isRequired,
-};
-
 export default LandingPageModal;