diff --git a/app/soapbox/features/auth_login/components/login_form.js b/app/soapbox/features/auth_login/components/login_form.tsx
similarity index 89%
rename from app/soapbox/features/auth_login/components/login_form.js
rename to app/soapbox/features/auth_login/components/login_form.tsx
index 965473c25..2b94e843c 100644
--- a/app/soapbox/features/auth_login/components/login_form.js
+++ b/app/soapbox/features/auth_login/components/login_form.tsx
@@ -1,9 +1,8 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { Button, Form, FormActions, FormGroup, Input } from '../../../components/ui';
+import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui';
 
 const messages = defineMessages({
   username: {
@@ -20,7 +19,12 @@ const messages = defineMessages({
   },
 });
 
-const LoginForm = ({ isLoading, handleSubmit }) => {
+interface ILoginForm {
+  isLoading: boolean,
+  handleSubmit: React.FormEventHandler,
+}
+
+const LoginForm: React.FC<ILoginForm> = ({ isLoading, handleSubmit }) => {
   const intl = useIntl();
 
   return (
@@ -82,9 +86,4 @@ const LoginForm = ({ isLoading, handleSubmit }) => {
   );
 };
 
-LoginForm.propTypes = {
-  isLoading: PropTypes.bool.isRequired,
-  handleSubmit: PropTypes.func.isRequired,
-};
-
 export default LoginForm;