Rename files to .tsx.

src/components/ConnectForm.js → src/components/ConnectForm.tsx

@@ -1,3 +1,5 @@
+import { FC } from "react";
+
 import { useDispatch } from "react-redux";
 import { Form, Field } from "react-final-form";
 
@@ -12,7 +14,7 @@ interface Props {
   socket: SocketSliceState;
 }
 
-const ConnectForm: React.FC<Props> = ({ socket }) => {
+const ConnectForm: FC<Props> = ({ socket }) => {
   const dispatch = useDispatch();
 
   const onSubmit = ({ url }) => {

src/components/LoginStatusPane.js → src/components/LoginStatusPane.tsx

@@ -1,10 +1,12 @@
+import { FC } from "react";
+
 import { LoginStatus, LoginSliceState } from "../modules/login/slice";
 
 interface Props {
   login: LoginSliceState;
 }
 
-const LoginStatusPane: React.FC<Props> = ({ login }) => {
+const LoginStatusPane: FC<Props> = ({ login }) => {
   let statusText;
   let motd;
   let reason;