diff --git a/frontend/src/components/templates/Login/NextSteps.js b/frontend/src/components/templates/Login/NextSteps.tsx
similarity index 94%
rename from frontend/src/components/templates/Login/NextSteps.js
rename to frontend/src/components/templates/Login/NextSteps.tsx
index 13f5e645b..103b76dc6 100644
--- a/frontend/src/components/templates/Login/NextSteps.js
+++ b/frontend/src/components/templates/Login/NextSteps.tsx
@@ -9,7 +9,15 @@ import { APISDGFIP } from '../../../config/data-provider-configurations';
 import { APISFRANCECONNECTED } from '../../../config/data-provider-configurations';
 import { useDataProvider } from '../hooks/use-data-provider';
 
-const NextSteps = ({ targetApi, isService = false }) => {
+type NextStepsProps = {
+  targetApi: string;
+  isService: boolean;
+};
+
+const NextSteps: React.FC<NextStepsProps> = ({
+  targetApi,
+  isService = false,
+}) => {
   const [stat, setStat] = useState(null);
 
   const { label: targetApiLabel } = useDataProvider(targetApi);
diff --git a/frontend/src/components/templates/Login/WelcomeMessage.js b/frontend/src/components/templates/Login/WelcomeMessage.tsx
similarity index 83%
rename from frontend/src/components/templates/Login/WelcomeMessage.js
rename to frontend/src/components/templates/Login/WelcomeMessage.tsx
index 19c955811..8d790fafa 100644
--- a/frontend/src/components/templates/Login/WelcomeMessage.js
+++ b/frontend/src/components/templates/Login/WelcomeMessage.tsx
@@ -1,7 +1,14 @@
 import React from 'react';
 import { useDataProvider } from '../hooks/use-data-provider';
 
-const WelcomeMessage = ({
+type WelcomeMessageProps = {
+  isOnNewEnrollmentPage: boolean;
+  targetApi: string;
+  newEnrollmentPageMessage?: JSX.Element;
+  newEnrollmentPageSubTitleMessage?: JSX.Element;
+};
+
+const WelcomeMessage: React.FC<WelcomeMessageProps> = ({
   isOnNewEnrollmentPage,
   targetApi,
   newEnrollmentPageMessage,
diff --git a/frontend/src/components/templates/Login/index.js b/frontend/src/components/templates/Login/index.tsx
similarity index 95%
rename from frontend/src/components/templates/Login/index.js
rename to frontend/src/components/templates/Login/index.tsx
index 07bcc040f..3de4bb3b1 100644
--- a/frontend/src/components/templates/Login/index.js
+++ b/frontend/src/components/templates/Login/index.tsx
@@ -8,7 +8,15 @@ import { DataProviderType } from '../../../config/data-provider-configurations';
 import { APISDGFIP } from '../../../config/data-provider-configurations';
 import { APISFRANCECONNECTED } from '../../../config/data-provider-configurations';
 
-const WelcomeMessageRouter = ({ targetApi, isOnNewEnrollmentPage }) => {
+type WelcomeMessageRouterProps = {
+  targetApi: string;
+  isOnNewEnrollmentPage: boolean;
+};
+
+const WelcomeMessageRouter: React.FC<WelcomeMessageRouterProps> = ({
+  targetApi,
+  isOnNewEnrollmentPage,
+}) => {
   if (!isOnNewEnrollmentPage) {
     return (
       <WelcomeMessage
@@ -22,7 +30,7 @@ const WelcomeMessageRouter = ({ targetApi, isOnNewEnrollmentPage }) => {
     return (
       <WelcomeMessage
         isOnNewEnrollmentPage={isOnNewEnrollmentPage}
-        target_api={targetApi}
+        targetApi={targetApi}
         newEnrollmentPageSubTitleMessage={
           <>
             <br />