From c59c2eafe38ed841d26866d91c8c470a0825b534 Mon Sep 17 00:00:00 2001
From: notlelouch <108780540+notlelouch@users.noreply.github.com>
Date: Fri, 7 Jul 2023 02:11:01 +0530
Subject: [PATCH] MM-47275 : Migrate 'header_footer_template_route.jsx' to
 TypeScript (#23791)

* header_footer_template_route.jsx to tsx

* extended Props to RouteProps

* removed Component checks

* changed "ComponentType<RouteComponentProps>" to "ComponentType<any>"

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 ...te_route.jsx => header_footer_template_route.tsx} | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)
 rename webapp/channels/src/components/{header_footer_template_route.jsx => header_footer_template_route.tsx} (81%)

diff --git a/webapp/channels/src/components/header_footer_template_route.jsx b/webapp/channels/src/components/header_footer_template_route.tsx
similarity index 81%
rename from webapp/channels/src/components/header_footer_template_route.jsx
rename to webapp/channels/src/components/header_footer_template_route.tsx
index f268014b85..2fc9c8bbc4 100644
--- a/webapp/channels/src/components/header_footer_template_route.jsx
+++ b/webapp/channels/src/components/header_footer_template_route.tsx
@@ -1,13 +1,17 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
-import {Route} from 'react-router-dom';
+import React, {ComponentType} from 'react';
+import {Route, RouteProps} from 'react-router-dom';
 
 const HeaderFooterTemplate = React.lazy(() => import('components/header_footer_template'));
 const LoggedIn = React.lazy(() => import('components/logged_in'));
 
-export const HFTRoute = ({component: Component, ...rest}) => (
+interface Props extends RouteProps {
+    component: ComponentType<any>;
+}
+
+export const HFTRoute = ({component: Component, ...rest}: Props) => (
     <Route
         {...rest}
         render={(props) => (
@@ -20,7 +24,7 @@ export const HFTRoute = ({component: Component, ...rest}) => (
     />
 );
 
-export const LoggedInHFTRoute = ({component: Component, ...rest}) => (
+export const LoggedInHFTRoute = ({component: Component, ...rest}: Props) => (
     <Route
         {...rest}
         render={(props) => (