diff --git a/src/App.jsx b/src/App.tsx
similarity index 100%
rename from src/App.jsx
rename to src/App.tsx
diff --git a/src/api/APIProvider.spec.jsx b/src/api/APIProvider.spec.tsx
similarity index 100%
rename from src/api/APIProvider.spec.jsx
rename to src/api/APIProvider.spec.tsx
diff --git a/src/api/APIProvider.jsx b/src/api/APIProvider.tsx
similarity index 100%
rename from src/api/APIProvider.jsx
rename to src/api/APIProvider.tsx
diff --git a/src/api/UserProvider.spec.jsx b/src/api/UserProvider.spec.tsx
similarity index 100%
rename from src/api/UserProvider.spec.jsx
rename to src/api/UserProvider.spec.tsx
diff --git a/src/api/UserProvider.jsx b/src/api/UserProvider.tsx
similarity index 100%
rename from src/api/UserProvider.jsx
rename to src/api/UserProvider.tsx
diff --git a/src/components/IOC/AdministerUndeployment/AdministerUndeployment.jsx b/src/components/IOC/AdministerUndeployment/AdministerUndeployment.tsx
similarity index 100%
rename from src/components/IOC/AdministerUndeployment/AdministerUndeployment.jsx
rename to src/components/IOC/AdministerUndeployment/AdministerUndeployment.tsx
diff --git a/src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.jsx b/src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.tsx
similarity index 100%
rename from src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.jsx
rename to src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.tsx
diff --git a/src/components/IOC/CreateIOC/CreateIOC.jsx b/src/components/IOC/CreateIOC/CreateIOC.tsx
similarity index 100%
rename from src/components/IOC/CreateIOC/CreateIOC.jsx
rename to src/components/IOC/CreateIOC/CreateIOC.tsx
diff --git a/src/components/IOC/CreateIOC/RepositoryName.jsx b/src/components/IOC/CreateIOC/RepositoryName.tsx
similarity index 100%
rename from src/components/IOC/CreateIOC/RepositoryName.jsx
rename to src/components/IOC/CreateIOC/RepositoryName.tsx
diff --git a/src/components/IOC/CreateIOC/RepositoryOptions.jsx b/src/components/IOC/CreateIOC/RepositoryOptions.tsx
similarity index 100%
rename from src/components/IOC/CreateIOC/RepositoryOptions.jsx
rename to src/components/IOC/CreateIOC/RepositoryOptions.tsx
diff --git a/src/components/IOC/DeployIOC/DeployIOC.jsx b/src/components/IOC/DeployIOC/DeployIOC.tsx
similarity index 100%
rename from src/components/IOC/DeployIOC/DeployIOC.jsx
rename to src/components/IOC/DeployIOC/DeployIOC.tsx
diff --git a/src/components/IOC/IOCAdmin/IOCAdmin.jsx b/src/components/IOC/IOCAdmin/IOCAdmin.tsx
similarity index 100%
rename from src/components/IOC/IOCAdmin/IOCAdmin.jsx
rename to src/components/IOC/IOCAdmin/IOCAdmin.tsx
diff --git a/src/components/IOC/IOCDelete/IOCDelete.jsx b/src/components/IOC/IOCDelete/IOCDelete.tsx
similarity index 100%
rename from src/components/IOC/IOCDelete/IOCDelete.jsx
rename to src/components/IOC/IOCDelete/IOCDelete.tsx
diff --git a/src/components/IOC/IOCDetailAdmin/IOCDetailAdmin.jsx b/src/components/IOC/IOCDetailAdmin/IOCDetailAdmin.tsx
similarity index 100%
rename from src/components/IOC/IOCDetailAdmin/IOCDetailAdmin.jsx
rename to src/components/IOC/IOCDetailAdmin/IOCDetailAdmin.tsx
diff --git a/src/components/IOC/IOCDetails/IOCDetails.jsx b/src/components/IOC/IOCDetails/IOCDetails.tsx
similarity index 100%
rename from src/components/IOC/IOCDetails/IOCDetails.jsx
rename to src/components/IOC/IOCDetails/IOCDetails.tsx
diff --git a/src/components/IOC/IOCLiveStatus/IOCLiveStatus.spec.jsx b/src/components/IOC/IOCLiveStatus/IOCLiveStatus.spec.tsx
similarity index 100%
rename from src/components/IOC/IOCLiveStatus/IOCLiveStatus.spec.jsx
rename to src/components/IOC/IOCLiveStatus/IOCLiveStatus.spec.tsx
diff --git a/src/components/IOC/IOCLiveStatus/IOCLiveStatus.jsx b/src/components/IOC/IOCLiveStatus/IOCLiveStatus.tsx
similarity index 99%
rename from src/components/IOC/IOCLiveStatus/IOCLiveStatus.jsx
rename to src/components/IOC/IOCLiveStatus/IOCLiveStatus.tsx
index 438717f9e21a59ee9308ad3579d20b10a7f8a07c..7f07d112fa8b450857337efe44d3a1feb52cc1db 100644
--- a/src/components/IOC/IOCLiveStatus/IOCLiveStatus.jsx
+++ b/src/components/IOC/IOCLiveStatus/IOCLiveStatus.tsx
@@ -23,7 +23,7 @@ export function IOCLiveStatus({ ioc }) {
   const externalIdValid = ioc.activeDeployment?.host?.externalIdValid;
 
   const getSubset = useCallback((ioc) => {
-    let subset = {
+    const subset = {
       Description: ioc.description,
       Revision: ioc.activeDeployment ? (
         <GitRefLink
diff --git a/src/components/IOC/IOCManage/IOCManage.jsx b/src/components/IOC/IOCManage/IOCManage.tsx
similarity index 99%
rename from src/components/IOC/IOCManage/IOCManage.jsx
rename to src/components/IOC/IOCManage/IOCManage.tsx
index 30906e85d9887b0441b9f8e1707dedc745a440a7..b6f00dfc8848e7838f42a3424d7ce3f58d018fe0 100644
--- a/src/components/IOC/IOCManage/IOCManage.jsx
+++ b/src/components/IOC/IOCManage/IOCManage.tsx
@@ -35,7 +35,7 @@ export const IOCManage = ({ ioc }) => {
       );
       const showControls = deploymentStatus.wasSuccessful();
 
-      let subset = {
+      const subset = {
         "Naming service record": (
           <ExternalLink
             href={`${env.NAMING_ADDRESS}/devices.xhtml?i=2&deviceName=${ioc.namingName}`}
diff --git a/src/components/IOC/IOCManage/IOCService.jsx b/src/components/IOC/IOCManage/IOCService.tsx
similarity index 100%
rename from src/components/IOC/IOCManage/IOCService.jsx
rename to src/components/IOC/IOCManage/IOCService.tsx
diff --git a/src/components/IOC/IOCStatus/IOCStatus.jsx b/src/components/IOC/IOCStatus/IOCStatus.tsx
similarity index 100%
rename from src/components/IOC/IOCStatus/IOCStatus.jsx
rename to src/components/IOC/IOCStatus/IOCStatus.tsx
diff --git a/src/components/IOC/IOCTable/IOCDescription.jsx b/src/components/IOC/IOCTable/IOCDescription.tsx
similarity index 90%
rename from src/components/IOC/IOCTable/IOCDescription.jsx
rename to src/components/IOC/IOCTable/IOCDescription.tsx
index d6fd1feb3bdcf5972e073d24a799cf61877fd1b5..89716d695b4efc7f5fdef7511337b7546660cf47 100644
--- a/src/components/IOC/IOCTable/IOCDescription.jsx
+++ b/src/components/IOC/IOCTable/IOCDescription.tsx
@@ -6,7 +6,7 @@ export const IOCDescription = ({ id }) => {
   const { data: iocDescriptionResponse, isLoading } = useGetIocDescriptionQuery(
     { iocId: id }
   );
-  let description = iocDescriptionResponse?.description;
+  const description = iocDescriptionResponse?.description;
 
   if (isLoading || !iocDescriptionResponse) {
     return <Skeleton width="100%" />;
diff --git a/src/components/IOC/IOCTable/IOCTable.spec.jsx b/src/components/IOC/IOCTable/IOCTable.spec.tsx
similarity index 100%
rename from src/components/IOC/IOCTable/IOCTable.spec.jsx
rename to src/components/IOC/IOCTable/IOCTable.spec.tsx
diff --git a/src/components/IOC/IOCTable/IOCTable.jsx b/src/components/IOC/IOCTable/IOCTable.tsx
similarity index 100%
rename from src/components/IOC/IOCTable/IOCTable.jsx
rename to src/components/IOC/IOCTable/IOCTable.tsx
diff --git a/src/components/IOC/IOCUndeployDialog/IOCUndeployDialog.jsx b/src/components/IOC/IOCUndeployDialog/IOCUndeployDialog.tsx
similarity index 100%
rename from src/components/IOC/IOCUndeployDialog/IOCUndeployDialog.jsx
rename to src/components/IOC/IOCUndeployDialog/IOCUndeployDialog.tsx
diff --git a/src/components/IOC/UndeployIOC/UndeployIOC.jsx b/src/components/IOC/UndeployIOC/UndeployIOC.tsx
similarity index 100%
rename from src/components/IOC/UndeployIOC/UndeployIOC.jsx
rename to src/components/IOC/UndeployIOC/UndeployIOC.tsx
diff --git a/src/components/Job/JobDetailsTable.jsx b/src/components/Job/JobDetailsTable.tsx
similarity index 100%
rename from src/components/Job/JobDetailsTable.jsx
rename to src/components/Job/JobDetailsTable.tsx
diff --git a/src/components/Job/JobTable/JobDetailsColumn.jsx b/src/components/Job/JobTable/JobDetailsColumn.tsx
similarity index 100%
rename from src/components/Job/JobTable/JobDetailsColumn.jsx
rename to src/components/Job/JobTable/JobDetailsColumn.tsx
diff --git a/src/components/Job/JobTable/JobTable.jsx b/src/components/Job/JobTable/JobTable.tsx
similarity index 100%
rename from src/components/Job/JobTable/JobTable.jsx
rename to src/components/Job/JobTable/JobTable.tsx
diff --git a/src/components/auth/AccessControl/AccessControl.jsx b/src/components/auth/AccessControl/AccessControl.tsx
similarity index 100%
rename from src/components/auth/AccessControl/AccessControl.jsx
rename to src/components/auth/AccessControl/AccessControl.tsx
diff --git a/src/components/auth/AccessDenied/AccessDenied.jsx b/src/components/auth/AccessDenied/AccessDenied.tsx
similarity index 100%
rename from src/components/auth/AccessDenied/AccessDenied.jsx
rename to src/components/auth/AccessDenied/AccessDenied.tsx
diff --git a/src/components/auth/TokenRenew/TokenRenew.jsx b/src/components/auth/TokenRenew/TokenRenew.tsx
similarity index 100%
rename from src/components/auth/TokenRenew/TokenRenew.jsx
rename to src/components/auth/TokenRenew/TokenRenew.tsx
diff --git a/src/components/common/Container/RootContainer.jsx b/src/components/common/Container/RootContainer.tsx
similarity index 100%
rename from src/components/common/Container/RootContainer.jsx
rename to src/components/common/Container/RootContainer.tsx
diff --git a/src/components/common/Helper.jsx b/src/components/common/Helper.tsx
similarity index 99%
rename from src/components/common/Helper.jsx
rename to src/components/common/Helper.tsx
index 24f0431342975f83f13b299235f2b2e17596863b..fcc90eed4339c385fc87f500fe1b5bc21165d211 100644
--- a/src/components/common/Helper.jsx
+++ b/src/components/common/Helper.tsx
@@ -74,7 +74,7 @@ export function applicationTitle(...breadcrumbs) {
 }
 
 export function initRequestParams(lazyParams, filter, columnSort) {
-  let requestParams = {
+  const requestParams = {
     page: lazyParams.page,
     limit: lazyParams.rows
   };
diff --git a/src/components/common/Loki/LokiPanel.jsx b/src/components/common/Loki/LokiPanel.tsx
similarity index 100%
rename from src/components/common/Loki/LokiPanel.jsx
rename to src/components/common/Loki/LokiPanel.tsx
diff --git a/src/components/common/Popover/Popover.jsx b/src/components/common/Popover/Popover.tsx
similarity index 100%
rename from src/components/common/Popover/Popover.jsx
rename to src/components/common/Popover/Popover.tsx
diff --git a/src/components/common/SearchBoxFilter/SearchBoxFilter.jsx b/src/components/common/SearchBoxFilter/SearchBoxFilter.tsx
similarity index 100%
rename from src/components/common/SearchBoxFilter/SearchBoxFilter.jsx
rename to src/components/common/SearchBoxFilter/SearchBoxFilter.tsx
diff --git a/src/components/common/SearchBoxFilter/TypingTimer.jsx b/src/components/common/SearchBoxFilter/TypingTimer.tsx
similarity index 100%
rename from src/components/common/SearchBoxFilter/TypingTimer.jsx
rename to src/components/common/SearchBoxFilter/TypingTimer.tsx
diff --git a/src/components/common/Status/Status.jsx b/src/components/common/Status/Status.tsx
similarity index 100%
rename from src/components/common/Status/Status.jsx
rename to src/components/common/Status/Status.tsx
diff --git a/src/components/common/Status/StatusBadge.jsx b/src/components/common/Status/StatusBadge.tsx
similarity index 100%
rename from src/components/common/Status/StatusBadge.jsx
rename to src/components/common/Status/StatusBadge.tsx
diff --git a/src/components/common/Status/StatusIcon.jsx b/src/components/common/Status/StatusIcon.tsx
similarity index 100%
rename from src/components/common/Status/StatusIcon.jsx
rename to src/components/common/Status/StatusIcon.tsx
diff --git a/src/components/common/Status/StatusPopoverContent.jsx b/src/components/common/Status/StatusPopoverContent.tsx
similarity index 100%
rename from src/components/common/Status/StatusPopoverContent.jsx
rename to src/components/common/Status/StatusPopoverContent.tsx
diff --git a/src/components/common/User/UserAvatar.jsx b/src/components/common/User/UserAvatar.tsx
similarity index 100%
rename from src/components/common/User/UserAvatar.jsx
rename to src/components/common/User/UserAvatar.tsx
diff --git a/src/components/common/User/UserOperationList.jsx b/src/components/common/User/UserOperationList.tsx
similarity index 96%
rename from src/components/common/User/UserOperationList.jsx
rename to src/components/common/User/UserOperationList.tsx
index 2302c5499991e4b1fa7a3e1c17cbdecd3feb1786..6afdcdcd3aba98eb23c436b966166b97cd9227ef 100644
--- a/src/components/common/User/UserOperationList.jsx
+++ b/src/components/common/User/UserOperationList.tsx
@@ -26,7 +26,7 @@ export function UserOperationList({ userName }) {
   }, [setPagination, jobs?.totalCount]);
 
   const callGetjobs = useCallback(() => {
-    let requestParams = initRequestParams(pagination);
+    const requestParams = initRequestParams(pagination);
 
     requestParams.user = userName;
 
diff --git a/src/components/common/snackbar/Snackbar.jsx b/src/components/common/snackbar/Snackbar.tsx
similarity index 100%
rename from src/components/common/snackbar/Snackbar.jsx
rename to src/components/common/snackbar/Snackbar.tsx
diff --git a/src/components/deployments/DeploymentIcons.jsx b/src/components/deployments/DeploymentIcons.tsx
similarity index 100%
rename from src/components/deployments/DeploymentIcons.jsx
rename to src/components/deployments/DeploymentIcons.tsx
diff --git a/src/components/deployments/DeploymentJobOutput.jsx b/src/components/deployments/DeploymentJobOutput.tsx
similarity index 100%
rename from src/components/deployments/DeploymentJobOutput.jsx
rename to src/components/deployments/DeploymentJobOutput.tsx
diff --git a/src/components/host/HostStatus/HostStatus.jsx b/src/components/host/HostStatus/HostStatus.tsx
similarity index 100%
rename from src/components/host/HostStatus/HostStatus.jsx
rename to src/components/host/HostStatus/HostStatus.tsx
diff --git a/src/components/host/HostTable.spec.jsx b/src/components/host/HostTable.spec.tsx
similarity index 100%
rename from src/components/host/HostTable.spec.jsx
rename to src/components/host/HostTable.spec.tsx
diff --git a/src/components/host/HostTable.jsx b/src/components/host/HostTable.tsx
similarity index 100%
rename from src/components/host/HostTable.jsx
rename to src/components/host/HostTable.tsx
diff --git a/src/components/navigation/LoginSuggester/LoginSuggester.jsx b/src/components/navigation/LoginSuggester/LoginSuggester.tsx
similarity index 100%
rename from src/components/navigation/LoginSuggester/LoginSuggester.jsx
rename to src/components/navigation/LoginSuggester/LoginSuggester.tsx
diff --git a/src/components/navigation/Menu/MenuDrawer.jsx b/src/components/navigation/Menu/MenuDrawer.tsx
similarity index 100%
rename from src/components/navigation/Menu/MenuDrawer.jsx
rename to src/components/navigation/Menu/MenuDrawer.tsx
diff --git a/src/components/navigation/NavigationMenu/CreateIOCButton.jsx b/src/components/navigation/NavigationMenu/CreateIOCButton.tsx
similarity index 100%
rename from src/components/navigation/NavigationMenu/CreateIOCButton.jsx
rename to src/components/navigation/NavigationMenu/CreateIOCButton.tsx
diff --git a/src/components/navigation/NavigationMenu/LoginControls.jsx b/src/components/navigation/NavigationMenu/LoginControls.tsx
similarity index 100%
rename from src/components/navigation/NavigationMenu/LoginControls.jsx
rename to src/components/navigation/NavigationMenu/LoginControls.tsx
diff --git a/src/components/navigation/NavigationMenu/NavigationMenu.jsx b/src/components/navigation/NavigationMenu/NavigationMenu.tsx
similarity index 100%
rename from src/components/navigation/NavigationMenu/NavigationMenu.jsx
rename to src/components/navigation/NavigationMenu/NavigationMenu.tsx
diff --git a/src/components/records/RecordBadge.jsx b/src/components/records/RecordBadge.tsx
similarity index 100%
rename from src/components/records/RecordBadge.jsx
rename to src/components/records/RecordBadge.tsx
diff --git a/src/components/records/RecordHostLink.jsx b/src/components/records/RecordHostLink.tsx
similarity index 100%
rename from src/components/records/RecordHostLink.jsx
rename to src/components/records/RecordHostLink.tsx
diff --git a/src/components/records/RecordIcons.jsx b/src/components/records/RecordIcons.tsx
similarity index 90%
rename from src/components/records/RecordIcons.jsx
rename to src/components/records/RecordIcons.tsx
index b00fcdb38b888905536e116e865f568899cfcce1..2bf7b9cfebb5aa86de0d005aa8b6bb3b7d51c961 100644
--- a/src/components/records/RecordIcons.jsx
+++ b/src/components/records/RecordIcons.tsx
@@ -9,7 +9,7 @@ import {
 export function RecordStatusIcon({ record }) {
   const theme = useTheme();
 
-  let { pvStatus } = record;
+  const { pvStatus } = record;
 
   const iconConfig = {
     active: {
@@ -26,7 +26,7 @@ export function RecordStatusIcon({ record }) {
     }
   };
 
-  let state = pvStatus ? pvStatus.toLowerCase() : null;
+  const state = pvStatus ? pvStatus.toLowerCase() : null;
   const iconStyle = { fill: theme.palette.status.icons };
   const iconTitle = iconConfig[state].title;
   const statusIcon = iconConfig[state].icon;
diff --git a/src/components/records/RecordSearch.jsx b/src/components/records/RecordSearch.tsx
similarity index 97%
rename from src/components/records/RecordSearch.jsx
rename to src/components/records/RecordSearch.tsx
index 45d8b4371fed41abbaa32b779be77e14774fafe2..e05059ffdb72e35b8e1879e54ba789b9b9878e2e 100644
--- a/src/components/records/RecordSearch.jsx
+++ b/src/components/records/RecordSearch.tsx
@@ -42,7 +42,7 @@ export function RecordSearch({ iocName, rowType, isExpanded }) {
   // Request new search results whenever search or pagination changes
   useEffect(() => {
     if (isExpanded) {
-      let requestParams = initRequestParams(pagination);
+      const requestParams = initRequestParams(pagination);
       requestParams.pv_status = recordFilter;
       requestParams.text = searchParams.get("query");
       requestParams.ioc_name = iocName;
diff --git a/src/components/records/RecordTable.jsx b/src/components/records/RecordTable.tsx
similarity index 100%
rename from src/components/records/RecordTable.jsx
rename to src/components/records/RecordTable.tsx
diff --git a/src/icons/BatchDeploySymbol.jsx b/src/icons/BatchDeploySymbol.tsx
similarity index 100%
rename from src/icons/BatchDeploySymbol.jsx
rename to src/icons/BatchDeploySymbol.tsx
diff --git a/src/icons/BatchUndeploySymbol.jsx b/src/icons/BatchUndeploySymbol.tsx
similarity index 100%
rename from src/icons/BatchUndeploySymbol.jsx
rename to src/icons/BatchUndeploySymbol.tsx
diff --git a/src/icons/CCCEControlSymbol.jsx b/src/icons/CCCEControlSymbol.tsx
similarity index 100%
rename from src/icons/CCCEControlSymbol.jsx
rename to src/icons/CCCEControlSymbol.tsx
diff --git a/src/icons/RocketLaunch.jsx b/src/icons/RocketLaunch.tsx
similarity index 100%
rename from src/icons/RocketLaunch.jsx
rename to src/icons/RocketLaunch.tsx
diff --git a/src/index.jsx b/src/index.tsx
similarity index 100%
rename from src/index.jsx
rename to src/index.tsx
diff --git a/src/mocks/AppHarness.jsx b/src/mocks/AppHarness.tsx
similarity index 100%
rename from src/mocks/AppHarness.jsx
rename to src/mocks/AppHarness.tsx
diff --git a/src/mocks/UserImpersonator.jsx b/src/mocks/UserImpersonator.tsx
similarity index 100%
rename from src/mocks/UserImpersonator.jsx
rename to src/mocks/UserImpersonator.tsx
diff --git a/src/stories/components/common/IOC/IOCLiveStatus.stories.jsx b/src/stories/components/common/IOC/IOCLiveStatus.stories.tsx
similarity index 100%
rename from src/stories/components/common/IOC/IOCLiveStatus.stories.jsx
rename to src/stories/components/common/IOC/IOCLiveStatus.stories.tsx
diff --git a/src/stories/components/common/IOC/IOCTable.stories.jsx b/src/stories/components/common/IOC/IOCTable.stories.tsx
similarity index 100%
rename from src/stories/components/common/IOC/IOCTable.stories.jsx
rename to src/stories/components/common/IOC/IOCTable.stories.tsx
diff --git a/src/stories/components/common/host/HostTable.stories.jsx b/src/stories/components/common/host/HostTable.stories.tsx
similarity index 100%
rename from src/stories/components/common/host/HostTable.stories.jsx
rename to src/stories/components/common/host/HostTable.stories.tsx
diff --git a/src/stories/components/common/job/JobTable.stories.jsx b/src/stories/components/common/job/JobTable.stories.tsx
similarity index 100%
rename from src/stories/components/common/job/JobTable.stories.jsx
rename to src/stories/components/common/job/JobTable.stories.tsx
diff --git a/src/stories/views/Host/HostDetailsView.stories.jsx b/src/stories/views/Host/HostDetailsView.stories.tsx
similarity index 100%
rename from src/stories/views/Host/HostDetailsView.stories.jsx
rename to src/stories/views/Host/HostDetailsView.stories.tsx
diff --git a/src/stories/views/IOC/CreateIocView.stories.jsx b/src/stories/views/IOC/CreateIocView.stories.tsx
similarity index 100%
rename from src/stories/views/IOC/CreateIocView.stories.jsx
rename to src/stories/views/IOC/CreateIocView.stories.tsx
diff --git a/src/stories/views/IOC/IocDetailsView.stories.jsx b/src/stories/views/IOC/IocDetailsView.stories.tsx
similarity index 100%
rename from src/stories/views/IOC/IocDetailsView.stories.jsx
rename to src/stories/views/IOC/IocDetailsView.stories.tsx
diff --git a/src/stories/views/IOC/IocListView.stories.jsx b/src/stories/views/IOC/IocListView.stories.tsx
similarity index 100%
rename from src/stories/views/IOC/IocListView.stories.jsx
rename to src/stories/views/IOC/IocListView.stories.tsx
diff --git a/src/stories/views/Job/JobDetailsView.stories.jsx b/src/stories/views/Job/JobDetailsView.stories.tsx
similarity index 100%
rename from src/stories/views/Job/JobDetailsView.stories.jsx
rename to src/stories/views/Job/JobDetailsView.stories.tsx
diff --git a/src/stories/views/Job/JobListView.stories.jsx b/src/stories/views/Job/JobListView.stories.tsx
similarity index 100%
rename from src/stories/views/Job/JobListView.stories.jsx
rename to src/stories/views/Job/JobListView.stories.tsx
diff --git a/src/stories/views/Login/LoginView.stories.jsx b/src/stories/views/Login/LoginView.stories.tsx
similarity index 100%
rename from src/stories/views/Login/LoginView.stories.jsx
rename to src/stories/views/Login/LoginView.stories.tsx
diff --git a/src/stories/views/Navigation/NotFoundView.stories.jsx b/src/stories/views/Navigation/NotFoundView.stories.tsx
similarity index 100%
rename from src/stories/views/Navigation/NotFoundView.stories.jsx
rename to src/stories/views/Navigation/NotFoundView.stories.tsx
diff --git a/src/stories/views/UserPage/UserPageView.stories.jsx b/src/stories/views/UserPage/UserPageView.stories.tsx
similarity index 100%
rename from src/stories/views/UserPage/UserPageView.stories.jsx
rename to src/stories/views/UserPage/UserPageView.stories.tsx
diff --git a/src/views/IOC/CreateIOCAccessControl.jsx b/src/views/IOC/CreateIOCAccessControl.tsx
similarity index 100%
rename from src/views/IOC/CreateIOCAccessControl.jsx
rename to src/views/IOC/CreateIOCAccessControl.tsx
diff --git a/src/views/IOC/CreateIOCView.jsx b/src/views/IOC/CreateIOCView.tsx
similarity index 100%
rename from src/views/IOC/CreateIOCView.jsx
rename to src/views/IOC/CreateIOCView.tsx
diff --git a/src/views/IOC/IOCDetailsAccessControl.jsx b/src/views/IOC/IOCDetailsAccessControl.tsx
similarity index 100%
rename from src/views/IOC/IOCDetailsAccessControl.jsx
rename to src/views/IOC/IOCDetailsAccessControl.tsx
diff --git a/src/views/IOC/IOCDetailsContainer.jsx b/src/views/IOC/IOCDetailsContainer.tsx
similarity index 100%
rename from src/views/IOC/IOCDetailsContainer.jsx
rename to src/views/IOC/IOCDetailsContainer.tsx
diff --git a/src/views/TestErrorView.jsx b/src/views/TestErrorView.tsx
similarity index 100%
rename from src/views/TestErrorView.jsx
rename to src/views/TestErrorView.tsx
diff --git a/src/views/UserPage/UserDetailsAccessControl.jsx b/src/views/UserPage/UserDetailsAccessControl.tsx
similarity index 100%
rename from src/views/UserPage/UserDetailsAccessControl.jsx
rename to src/views/UserPage/UserDetailsAccessControl.tsx
diff --git a/src/views/UserPage/UserDetailsContainer.jsx b/src/views/UserPage/UserDetailsContainer.tsx
similarity index 100%
rename from src/views/UserPage/UserDetailsContainer.jsx
rename to src/views/UserPage/UserDetailsContainer.tsx
diff --git a/src/views/UserPage/UserPageView.jsx b/src/views/UserPage/UserPageView.tsx
similarity index 100%
rename from src/views/UserPage/UserPageView.jsx
rename to src/views/UserPage/UserPageView.tsx
diff --git a/src/views/help/HelpView.jsx b/src/views/help/HelpView.tsx
similarity index 100%
rename from src/views/help/HelpView.jsx
rename to src/views/help/HelpView.tsx
diff --git a/src/views/host/HostListView.jsx b/src/views/host/HostListView.tsx
similarity index 98%
rename from src/views/host/HostListView.jsx
rename to src/views/host/HostListView.tsx
index f3a3af7630beb8fa41e93a804b21cf4d5f9b9202..7262615e467dd7d2ae0a4219bbd4d6170d1216a7 100644
--- a/src/views/host/HostListView.jsx
+++ b/src/views/host/HostListView.tsx
@@ -50,7 +50,7 @@ export function HostListView() {
 
   // Request new search results whenever search or pagination changes
   useEffect(() => {
-    let requestParams = initRequestParams(pagination);
+    const requestParams = initRequestParams(pagination);
     requestParams.filter = hostFilter;
     requestParams.text = searchParams.get("query");
     callListHostsQuery(requestParams);
diff --git a/src/views/host/details/HostDetailsAccessControl.jsx b/src/views/host/details/HostDetailsAccessControl.tsx
similarity index 100%
rename from src/views/host/details/HostDetailsAccessControl.jsx
rename to src/views/host/details/HostDetailsAccessControl.tsx
diff --git a/src/views/host/details/HostDetailsContainer.jsx b/src/views/host/details/HostDetailsContainer.tsx
similarity index 100%
rename from src/views/host/details/HostDetailsContainer.jsx
rename to src/views/host/details/HostDetailsContainer.tsx
diff --git a/src/views/host/details/HostDetailsTable.jsx b/src/views/host/details/HostDetailsTable.tsx
similarity index 100%
rename from src/views/host/details/HostDetailsTable.jsx
rename to src/views/host/details/HostDetailsTable.tsx
diff --git a/src/views/host/details/HostDetailsView.jsx b/src/views/host/details/HostDetailsView.tsx
similarity index 100%
rename from src/views/host/details/HostDetailsView.jsx
rename to src/views/host/details/HostDetailsView.tsx
diff --git a/src/views/host/details/HostIocSection.jsx b/src/views/host/details/HostIocSection.tsx
similarity index 96%
rename from src/views/host/details/HostIocSection.jsx
rename to src/views/host/details/HostIocSection.tsx
index 5dea79438760b562a66b6c23c88b828af15e5013..cc9e8d40279a67c1dd07e1953990e66209e49559 100644
--- a/src/views/host/details/HostIocSection.jsx
+++ b/src/views/host/details/HostIocSection.tsx
@@ -28,7 +28,7 @@ export const HostIocSection = ({ hostId }) => {
   );
 
   const getIocs = useCallback(() => {
-    let requestParams = initRequestParams(pagination, null);
+    const requestParams = initRequestParams(pagination, null);
     requestParams.hostId = hostId;
     callGetIocs(requestParams);
   }, [callGetIocs, hostId, pagination]);
diff --git a/src/views/host/details/HostJobsSection.jsx b/src/views/host/details/HostJobsSection.tsx
similarity index 100%
rename from src/views/host/details/HostJobsSection.jsx
rename to src/views/host/details/HostJobsSection.tsx
diff --git a/src/views/jobs/JobDetailsAccessControl.jsx b/src/views/jobs/JobDetailsAccessControl.tsx
similarity index 100%
rename from src/views/jobs/JobDetailsAccessControl.jsx
rename to src/views/jobs/JobDetailsAccessControl.tsx
diff --git a/src/views/jobs/JobDetailsContainer.jsx b/src/views/jobs/JobDetailsContainer.tsx
similarity index 100%
rename from src/views/jobs/JobDetailsContainer.jsx
rename to src/views/jobs/JobDetailsContainer.tsx
diff --git a/src/views/jobs/JobDetailsView.jsx b/src/views/jobs/JobDetailsView.tsx
similarity index 100%
rename from src/views/jobs/JobDetailsView.jsx
rename to src/views/jobs/JobDetailsView.tsx
diff --git a/src/views/jobs/JobListView.jsx b/src/views/jobs/JobListView.tsx
similarity index 96%
rename from src/views/jobs/JobListView.jsx
rename to src/views/jobs/JobListView.tsx
index 2f2155ccafb4941f02f5ef6850bbb4d83adcd326..bf569dc9ab5885d0accb5f403401901e7af778a9 100644
--- a/src/views/jobs/JobListView.jsx
+++ b/src/views/jobs/JobListView.tsx
@@ -21,7 +21,7 @@ export function JobListView() {
   }, [setPagination, jobs?.totalCount]);
 
   const callGetOperations = useCallback(() => {
-    let requestParams = initRequestParams(pagination);
+    const requestParams = initRequestParams(pagination);
     getJobs(requestParams);
   }, [getJobs, pagination]);
 
diff --git a/src/views/jobs/JobLogAccessControl.jsx b/src/views/jobs/JobLogAccessControl.tsx
similarity index 100%
rename from src/views/jobs/JobLogAccessControl.jsx
rename to src/views/jobs/JobLogAccessControl.tsx
diff --git a/src/views/login/LoginView.jsx b/src/views/login/LoginView.tsx
similarity index 100%
rename from src/views/login/LoginView.jsx
rename to src/views/login/LoginView.tsx
diff --git a/src/views/records/Alias.jsx b/src/views/records/Alias.tsx
similarity index 100%
rename from src/views/records/Alias.jsx
rename to src/views/records/Alias.tsx
diff --git a/src/views/records/RecordDetailsView.jsx b/src/views/records/RecordDetailsView.tsx
similarity index 99%
rename from src/views/records/RecordDetailsView.jsx
rename to src/views/records/RecordDetailsView.tsx
index fd71b905c0da3dcc0c725c49579546698b58afe9..98249458f530ff0c2091f80887323ceb69247c5b 100644
--- a/src/views/records/RecordDetailsView.jsx
+++ b/src/views/records/RecordDetailsView.tsx
@@ -58,7 +58,7 @@ export function RecordDetailsView() {
   };
 
   const getSubset = useCallback((record) => {
-    let subset = {
+    const subset = {
       "Alias for": (
         <Alias aliases={record?.aliasFor ? [record?.aliasFor] : []} />
       ),
diff --git a/src/views/records/RecordListView.jsx b/src/views/records/RecordListView.tsx
similarity index 97%
rename from src/views/records/RecordListView.jsx
rename to src/views/records/RecordListView.tsx
index 824aa6b775315132cdcc1c13386ad19c28f2d6ef..7878b9b4d9c1a7d71890d323ae09fcfb7fa80fa7 100644
--- a/src/views/records/RecordListView.jsx
+++ b/src/views/records/RecordListView.tsx
@@ -51,7 +51,7 @@ export function RecordListView() {
 
   // Request new search results whenever search or pagination changes
   useEffect(() => {
-    let requestParams = initRequestParams(pagination);
+    const requestParams = initRequestParams(pagination);
     requestParams.pvStatus = recordFilter;
     requestParams.text = searchParams.get("query");
     getRecords(requestParams);
@@ -70,7 +70,7 @@ export function RecordListView() {
     setPagination(params);
   };
 
-  let content = (
+  const content = (
     <SearchBar
       search={setSearch}
       query={searchParams.get("query")}