diff --git a/src/app/components/meldekortdetaljer/ukevisning/dagliste.tsx b/src/app/components/meldekortdetaljer/ukevisning/dagliste.tsx
index 0243dd7d..bec3d291 100644
--- a/src/app/components/meldekortdetaljer/ukevisning/dagliste.tsx
+++ b/src/app/components/meldekortdetaljer/ukevisning/dagliste.tsx
@@ -36,7 +36,7 @@ export const hentDagliste = (
   meldekortdager: MeldekortDag[],
   typeYtelsePostfix: string,
   medUtvidetInformasjon: boolean = true
-): JSX.Element[] => {
+): React.ReactElement[] => {
   const dagListe = [];
   const ukedager = hentUkedagerSomStringListe();
 
diff --git a/src/app/components/sprakvelger/sprakvelger.tsx b/src/app/components/sprakvelger/sprakvelger.tsx
index b8bf38e2..c7d12d70 100644
--- a/src/app/components/sprakvelger/sprakvelger.tsx
+++ b/src/app/components/sprakvelger/sprakvelger.tsx
@@ -51,7 +51,7 @@ const renderMenuItem = (locale: Locale, valgtSprak: string) => {
 const Sprakvelger: React.FunctionComponent<MergedProps> = props => {
   const { currentLocale, locales, aktivtMeldekort, settLocale } = props;
 
-  const handleSelection = (value: JSX.Element[]) => {
+  const handleSelection = (value: React.ReactElement[]) => {
     const newLocale: string = value[1].key
       ? value[1].key.toString()
       : Konstanter.defaultLocale;
@@ -67,7 +67,7 @@ const Sprakvelger: React.FunctionComponent<MergedProps> = props => {
     <div className="languageToggle">
       <Wrapper
         className="languageToggle__wrapper"
-        onSelection={(value: JSX.Element[]) => handleSelection(value)}
+        onSelection={(value: React.ReactElement[]) => handleSelection(value)}
       >
         <Button className="languageToggle__button">
           <div className="languageToggle__button__flag">
diff --git a/src/app/reducers/localesReducer.tsx b/src/app/reducers/localesReducer.tsx
index 88702a24..e785879f 100644
--- a/src/app/reducers/localesReducer.tsx
+++ b/src/app/reducers/localesReducer.tsx
@@ -5,7 +5,7 @@ import EngelskFlaggSVG from "../components/sprakvelger/EngelskFlaggSVG";
 export interface Locale {
   label: string;
   tittel: string;
-  ikon: JSX.Element;
+  ikon: React.ReactElement;
 }
 
 const locales = [
diff --git a/src/app/types/meldekort.tsx b/src/app/types/meldekort.tsx
index 189fc84d..240810b4 100644
--- a/src/app/types/meldekort.tsx
+++ b/src/app/types/meldekort.tsx
@@ -189,6 +189,6 @@ export interface MeldekortRad {
 
 export interface MeldekortKolonne {
   key: string;
-  label: JSX.Element;
-  cell?: ((row: DetaljRad | HistoriskeMeldekortRad) => string | JSX.Element) | string;
+  label: React.ReactElement;
+  cell?: ((row: DetaljRad | HistoriskeMeldekortRad) => string | React.ReactElement) | string;
 }
diff --git a/src/app/utils/intlUtil.tsx b/src/app/utils/intlUtil.tsx
index b09c69f8..877f9c32 100644
--- a/src/app/utils/intlUtil.tsx
+++ b/src/app/utils/intlUtil.tsx
@@ -141,7 +141,7 @@ export const formatMessage = (id: string | undefined, values?: object): string =
 
 // FormattedHTMLMessage & intl.formatHTMLMessage har blitt fjernet fra react-intl v4
 // FormattedMessage og intl.formatMessage viser ikke HTML
-export const formatHtmlMessage = (id: string | undefined, values?: object): JSX.Element => {
+export const formatHtmlMessage = (id: string | undefined, values?: object): React.ReactElement => {
   const text = formatMessage(id, values)
 
   return (