Upgrade Typescript to newest version

src/core/utils/config.tsx

@@ -58,7 +58,9 @@ export const useConfig = (): UseConfigFunction => {
   };
 };
 
-export const withConfig = <T,>(Component: React.ComponentType<T>) => {
+export const withConfig = <T extends object>(
+  Component: React.ComponentType<T>
+) => {
   return withSuffix(Component, "Config", addConfigEntries);
 };
 

src/core/utils/helpers/currency.ts

@@ -1,6 +1,9 @@
 // Formats a number as a Danish Krone (DKK) currency string using the "da-DK" locale.
 export function formatCurrency(number: number): string {
-  const options = { style: "currency", currency: "DKK" };
+  const options: Intl.NumberFormatOptions = {
+    style: "currency",
+    currency: "DKK"
+  };
   return number.toLocaleString("da-DK", options);
 }
 

src/core/utils/text.tsx

@@ -147,6 +147,8 @@ export const useText = (): UseTextFunction => {
   };
 };
 
-export const withText = <T,>(Component: React.ComponentType<T>) => {
+export const withText = <T extends object>(
+  Component: React.ComponentType<T>
+) => {
   return withSuffix(Component, "Text", addTextEntries);
 };

src/core/utils/url.tsx

@@ -19,7 +19,9 @@ export const useUrls = () => {
     return urls[name];
   };
 };
-export const withUrls = <T,>(Component: React.ComponentType<T>) => {
+export const withUrls = <T extends object>(
+  Component: React.ComponentType<T>
+) => {
   return withSuffix(Component, "Url", addUrlEntries);
 };
 

src/core/utils/withSuffix.tsx

@@ -2,13 +2,14 @@ import { ActionCreatorWithPayload } from "@reduxjs/toolkit";
 import React from "react";
 import { store } from "../store";
 
-export default <T,>(
+export default function withSuffix<T extends object>(
   Component: React.ComponentType<T>,
   suffix: string,
   reduxAction: ActionCreatorWithPayload<unknown, string>
-) => {
+) {
   return (props: T) => {
     const pattern = new RegExp(`.*${suffix}$`, "g");
+
     // Match all props that ends with suffix.
     const suffixEntries = Object.fromEntries(
       Object.entries(props).filter(([prop]) => {
@@ -30,10 +31,11 @@ export default <T,>(
         })
       );
     }
+
     // Since this is a High Order Functional Component
     // we do not know what props we are dealing with.
     // That is a part of the design.
     // eslint-disable-next-line react/jsx-props-no-spreading
     return <Component {...(nonSuffixEntries as T)} />;
   };
-};
+}