diff --git a/Components/Repo/QuickCommands/QuickCommands.js b/Components/Repo/QuickCommands/QuickCommands.tsx
similarity index 100%
rename from Components/Repo/QuickCommands/QuickCommands.js
rename to Components/Repo/QuickCommands/QuickCommands.tsx
diff --git a/Components/Repo/Repo.js b/Components/Repo/Repo.tsx
similarity index 100%
rename from Components/Repo/Repo.js
rename to Components/Repo/Repo.tsx
diff --git a/Components/UI/CopyButton/CopyButton.js b/Components/UI/CopyButton/CopyButton.tsx
similarity index 100%
rename from Components/UI/CopyButton/CopyButton.js
rename to Components/UI/CopyButton/CopyButton.tsx
diff --git a/Components/UI/Error/Error.js b/Components/UI/Error/Error.tsx
similarity index 100%
rename from Components/UI/Error/Error.js
rename to Components/UI/Error/Error.tsx
diff --git a/Components/UI/Info/Info.js b/Components/UI/Info/Info.tsx
similarity index 100%
rename from Components/UI/Info/Info.js
rename to Components/UI/Info/Info.tsx
diff --git a/Components/UI/Layout/Footer/Footer.js b/Components/UI/Layout/Footer/Footer.tsx
similarity index 100%
rename from Components/UI/Layout/Footer/Footer.js
rename to Components/UI/Layout/Footer/Footer.tsx
diff --git a/Components/UI/Layout/Header/Header.js b/Components/UI/Layout/Header/Header.tsx
similarity index 100%
rename from Components/UI/Layout/Header/Header.js
rename to Components/UI/Layout/Header/Header.tsx
diff --git a/Components/UI/Layout/Header/Nav/Nav.js b/Components/UI/Layout/Header/Nav/Nav.tsx
similarity index 100%
rename from Components/UI/Layout/Header/Nav/Nav.js
rename to Components/UI/Layout/Header/Nav/Nav.tsx
diff --git a/Components/UI/Layout/Layout.js b/Components/UI/Layout/Layout.tsx
similarity index 100%
rename from Components/UI/Layout/Layout.js
rename to Components/UI/Layout/Layout.tsx
diff --git a/Components/UI/Layout/NavSide/NavSide.js b/Components/UI/Layout/NavSide/NavSide.tsx
similarity index 100%
rename from Components/UI/Layout/NavSide/NavSide.js
rename to Components/UI/Layout/NavSide/NavSide.tsx
diff --git a/Components/UI/ShimmerRepoList/ShimmerRepoList.js b/Components/UI/ShimmerRepoList/ShimmerRepoList.tsx
similarity index 100%
rename from Components/UI/ShimmerRepoList/ShimmerRepoList.js
rename to Components/UI/ShimmerRepoList/ShimmerRepoList.tsx
diff --git a/Components/UI/StorageBar/StorageBar.js b/Components/UI/StorageBar/StorageBar.tsx
similarity index 100%
rename from Components/UI/StorageBar/StorageBar.js
rename to Components/UI/StorageBar/StorageBar.tsx
diff --git a/Components/UI/Switch/Switch.js b/Components/UI/Switch/Switch.tsx
similarity index 100%
rename from Components/UI/Switch/Switch.js
rename to Components/UI/Switch/Switch.tsx
diff --git a/Components/WizardSteps/WizardStep1/WizardStep1.js b/Components/WizardSteps/WizardStep1/WizardStep1.tsx
similarity index 100%
rename from Components/WizardSteps/WizardStep1/WizardStep1.js
rename to Components/WizardSteps/WizardStep1/WizardStep1.tsx
diff --git a/Components/WizardSteps/WizardStep2/WizardStep2.js b/Components/WizardSteps/WizardStep2/WizardStep2.tsx
similarity index 100%
rename from Components/WizardSteps/WizardStep2/WizardStep2.js
rename to Components/WizardSteps/WizardStep2/WizardStep2.tsx
diff --git a/Components/WizardSteps/WizardStep3/WizardStep3.js b/Components/WizardSteps/WizardStep3/WizardStep3.tsx
similarity index 100%
rename from Components/WizardSteps/WizardStep3/WizardStep3.js
rename to Components/WizardSteps/WizardStep3/WizardStep3.tsx
diff --git a/Components/WizardSteps/WizardStep4/WizardStep4.js b/Components/WizardSteps/WizardStep4/WizardStep4.tsx
similarity index 100%
rename from Components/WizardSteps/WizardStep4/WizardStep4.js
rename to Components/WizardSteps/WizardStep4/WizardStep4.tsx
diff --git a/Components/WizardSteps/WizardStepBar/WizardStepBar.js b/Components/WizardSteps/WizardStepBar/WizardStepBar.tsx
similarity index 100%
rename from Components/WizardSteps/WizardStepBar/WizardStepBar.js
rename to Components/WizardSteps/WizardStepBar/WizardStepBar.tsx
diff --git a/Containers/Monitoring/StorageUsedChartBar/StorageUsedChartBar.js b/Containers/Monitoring/StorageUsedChartBar/StorageUsedChartBar.tsx
similarity index 100%
rename from Containers/Monitoring/StorageUsedChartBar/StorageUsedChartBar.js
rename to Containers/Monitoring/StorageUsedChartBar/StorageUsedChartBar.tsx
diff --git a/Containers/RepoList/RepoList.js b/Containers/RepoList/RepoList.tsx
similarity index 100%
rename from Containers/RepoList/RepoList.js
rename to Containers/RepoList/RepoList.tsx
diff --git a/Containers/RepoManage/RepoManage.js b/Containers/RepoManage/RepoManage.tsx
similarity index 100%
rename from Containers/RepoManage/RepoManage.js
rename to Containers/RepoManage/RepoManage.tsx
diff --git a/Containers/SetupWizard/SetupWizard.js b/Containers/SetupWizard/SetupWizard.tsx
similarity index 100%
rename from Containers/SetupWizard/SetupWizard.js
rename to Containers/SetupWizard/SetupWizard.tsx
diff --git a/Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.js b/Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.tsx
similarity index 100%
rename from Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.js
rename to Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.tsx
diff --git a/Containers/UserSettings/AppriseAlertSettings/AppriseMode/AppriseMode.js b/Containers/UserSettings/AppriseAlertSettings/AppriseMode/AppriseMode.tsx
similarity index 100%
rename from Containers/UserSettings/AppriseAlertSettings/AppriseMode/AppriseMode.js
rename to Containers/UserSettings/AppriseAlertSettings/AppriseMode/AppriseMode.tsx
diff --git a/Containers/UserSettings/AppriseAlertSettings/AppriseURLs/AppriseURLs.js b/Containers/UserSettings/AppriseAlertSettings/AppriseURLs/AppriseURLs.tsx
similarity index 100%
rename from Containers/UserSettings/AppriseAlertSettings/AppriseURLs/AppriseURLs.js
rename to Containers/UserSettings/AppriseAlertSettings/AppriseURLs/AppriseURLs.tsx
diff --git a/Containers/UserSettings/EmailAlertSettings/EmailAlertSettings.js b/Containers/UserSettings/EmailAlertSettings/EmailAlertSettings.tsx
similarity index 100%
rename from Containers/UserSettings/EmailAlertSettings/EmailAlertSettings.js
rename to Containers/UserSettings/EmailAlertSettings/EmailAlertSettings.tsx
diff --git a/Containers/UserSettings/EmailSettings/EmailSettings.js b/Containers/UserSettings/EmailSettings/EmailSettings.tsx
similarity index 100%
rename from Containers/UserSettings/EmailSettings/EmailSettings.js
rename to Containers/UserSettings/EmailSettings/EmailSettings.tsx
diff --git a/Containers/UserSettings/Integrations/Integrations.js b/Containers/UserSettings/Integrations/Integrations.tsx
similarity index 100%
rename from Containers/UserSettings/Integrations/Integrations.js
rename to Containers/UserSettings/Integrations/Integrations.tsx
diff --git a/Containers/UserSettings/PasswordSettings/PasswordSettings.js b/Containers/UserSettings/PasswordSettings/PasswordSettings.tsx
similarity index 100%
rename from Containers/UserSettings/PasswordSettings/PasswordSettings.js
rename to Containers/UserSettings/PasswordSettings/PasswordSettings.tsx
diff --git a/Containers/UserSettings/UserSettings.js b/Containers/UserSettings/UserSettings.tsx
similarity index 100%
rename from Containers/UserSettings/UserSettings.js
rename to Containers/UserSettings/UserSettings.tsx
diff --git a/Containers/UserSettings/UsernameSettings/UsernameSettings.js b/Containers/UserSettings/UsernameSettings/UsernameSettings.tsx
similarity index 100%
rename from Containers/UserSettings/UsernameSettings/UsernameSettings.js
rename to Containers/UserSettings/UsernameSettings/UsernameSettings.tsx
diff --git a/domain/constants.js b/domain/constants.ts
similarity index 100%
rename from domain/constants.js
rename to domain/constants.ts
diff --git a/helpers/functions/auth.js b/helpers/functions/auth.ts
similarity index 100%
rename from helpers/functions/auth.js
rename to helpers/functions/auth.ts
diff --git a/helpers/functions/isSshPubKeyDuplicate.js b/helpers/functions/isSshPubKeyDuplicate.ts
similarity index 100%
rename from helpers/functions/isSshPubKeyDuplicate.js
rename to helpers/functions/isSshPubKeyDuplicate.ts
diff --git a/helpers/functions/lanCommandOption.js b/helpers/functions/lanCommandOption.ts
similarity index 100%
rename from helpers/functions/lanCommandOption.js
rename to helpers/functions/lanCommandOption.ts
diff --git a/helpers/functions/nodemailerSMTP.js b/helpers/functions/nodemailerSMTP.ts
similarity index 100%
rename from helpers/functions/nodemailerSMTP.js
rename to helpers/functions/nodemailerSMTP.ts
diff --git a/helpers/functions/repoHistory.js b/helpers/functions/repoHistory.ts
similarity index 100%
rename from helpers/functions/repoHistory.js
rename to helpers/functions/repoHistory.ts
diff --git a/helpers/functions/timestampConverter.js b/helpers/functions/timestampConverter.ts
similarity index 100%
rename from helpers/functions/timestampConverter.js
rename to helpers/functions/timestampConverter.ts
diff --git a/helpers/functions/tokenController.js b/helpers/functions/tokenController.ts
similarity index 100%
rename from helpers/functions/tokenController.js
rename to helpers/functions/tokenController.ts
diff --git a/helpers/templates/emailAlertStatus.js b/helpers/templates/emailAlertStatus.ts
similarity index 100%
rename from helpers/templates/emailAlertStatus.js
rename to helpers/templates/emailAlertStatus.ts
diff --git a/helpers/templates/emailTest.js b/helpers/templates/emailTest.ts
similarity index 100%
rename from helpers/templates/emailTest.js
rename to helpers/templates/emailTest.ts
diff --git a/types/index.ts b/types/index.ts
new file mode 100644
index 0000000..e7789f6
--- /dev/null
+++ b/types/index.ts
@@ -0,0 +1 @@
+export * from './optional';
diff --git a/types/optional.ts b/types/optional.ts
new file mode 100644
index 0000000..964b0f2
--- /dev/null
+++ b/types/optional.ts
@@ -0,0 +1 @@
+export type Optional<T> = T | undefined;