diff --git a/src/lib/components/Error.tsx b/src/lib/components/Error.tsx
index 32f73fda..4149d0de 100644
--- a/src/lib/components/Error.tsx
+++ b/src/lib/components/Error.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/Info.tsx b/src/lib/components/Info.tsx
index 328dd2b2..a48cd2b4 100644
--- a/src/lib/components/Info.tsx
+++ b/src/lib/components/Info.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import { assert } from "../tools/assert";
diff --git a/src/lib/components/KcApp.tsx b/src/lib/components/KcApp.tsx
index 7c233f8d..04042bbb 100644
--- a/src/lib/components/KcApp.tsx
+++ b/src/lib/components/KcApp.tsx
@@ -1,4 +1,4 @@
-import { lazy, memo, Suspense } from "react";
+import React, { lazy, memo, Suspense } from "react";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
 import type { KcProps } from "./KcProps";
 
diff --git a/src/lib/components/Login.tsx b/src/lib/components/Login.tsx
index 2120680d..09a7540b 100644
--- a/src/lib/components/Login.tsx
+++ b/src/lib/components/Login.tsx
@@ -1,4 +1,4 @@
-import { useState, memo } from "react";
+import React, { useState, memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LoginConfigTotp.tsx b/src/lib/components/LoginConfigTotp.tsx
index 89263c26..866af591 100644
--- a/src/lib/components/LoginConfigTotp.tsx
+++ b/src/lib/components/LoginConfigTotp.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LoginIdpLinkConfirm.tsx b/src/lib/components/LoginIdpLinkConfirm.tsx
index a9dfe30a..c21c4c14 100644
--- a/src/lib/components/LoginIdpLinkConfirm.tsx
+++ b/src/lib/components/LoginIdpLinkConfirm.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LoginIdpLinkEmail.tsx b/src/lib/components/LoginIdpLinkEmail.tsx
index f2b0daf1..07b220dd 100644
--- a/src/lib/components/LoginIdpLinkEmail.tsx
+++ b/src/lib/components/LoginIdpLinkEmail.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LoginOtp.tsx b/src/lib/components/LoginOtp.tsx
index e887ed46..ead587df 100644
--- a/src/lib/components/LoginOtp.tsx
+++ b/src/lib/components/LoginOtp.tsx
@@ -1,4 +1,4 @@
-import { useEffect, memo } from "react";
+import React, { useEffect, memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LoginPageExpired.tsx b/src/lib/components/LoginPageExpired.tsx
index 2f864e40..064bbfc6 100644
--- a/src/lib/components/LoginPageExpired.tsx
+++ b/src/lib/components/LoginPageExpired.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LoginResetPassword.tsx b/src/lib/components/LoginResetPassword.tsx
index d62ebf2e..6fdf9054 100644
--- a/src/lib/components/LoginResetPassword.tsx
+++ b/src/lib/components/LoginResetPassword.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LoginUpdatePassword.tsx b/src/lib/components/LoginUpdatePassword.tsx
index ba0ee575..83d37985 100644
--- a/src/lib/components/LoginUpdatePassword.tsx
+++ b/src/lib/components/LoginUpdatePassword.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LoginUpdateProfile.tsx b/src/lib/components/LoginUpdateProfile.tsx
index e4d2a2cd..5f8fd04e 100644
--- a/src/lib/components/LoginUpdateProfile.tsx
+++ b/src/lib/components/LoginUpdateProfile.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LoginVerifyEmail.tsx b/src/lib/components/LoginVerifyEmail.tsx
index ae344c5e..601c179c 100644
--- a/src/lib/components/LoginVerifyEmail.tsx
+++ b/src/lib/components/LoginVerifyEmail.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/LogoutConfirm.tsx b/src/lib/components/LogoutConfirm.tsx
index de615183..1c9245b6 100644
--- a/src/lib/components/LogoutConfirm.tsx
+++ b/src/lib/components/LogoutConfirm.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import { useCssAndCx } from "tss-react";
 
 import Template from "./Template";
diff --git a/src/lib/components/Register.tsx b/src/lib/components/Register.tsx
index 97c69544..69e0adbe 100644
--- a/src/lib/components/Register.tsx
+++ b/src/lib/components/Register.tsx
@@ -1,4 +1,4 @@
-import { memo } from "react";
+import React, { memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/RegisterUserProfile.tsx b/src/lib/components/RegisterUserProfile.tsx
index c064cac9..23a3ef37 100644
--- a/src/lib/components/RegisterUserProfile.tsx
+++ b/src/lib/components/RegisterUserProfile.tsx
@@ -1,4 +1,4 @@
-import { useMemo, memo, useEffect, useState, Fragment } from "react";
+import React, { useMemo, memo, useEffect, useState, Fragment } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase, Attribute } from "../getKcContext/KcContextBase";
diff --git a/src/lib/components/Template.tsx b/src/lib/components/Template.tsx
index d7d0a574..cf86115a 100644
--- a/src/lib/components/Template.tsx
+++ b/src/lib/components/Template.tsx
@@ -1,4 +1,4 @@
-import { useReducer, useEffect, memo } from "react";
+import React, { useReducer, useEffect, memo } from "react";
 import type { ReactNode } from "react";
 import { getMsg, getCurrentKcLanguageTag, changeLocale, getTagLabel } from "../i18n";
 import type { KcLanguageTag } from "../i18n";
diff --git a/src/lib/components/Terms.tsx b/src/lib/components/Terms.tsx
index 5b025bc7..6e45926f 100644
--- a/src/lib/components/Terms.tsx
+++ b/src/lib/components/Terms.tsx
@@ -1,4 +1,4 @@
-import { useReducer, useEffect, memo } from "react";
+import React, { useReducer, useEffect, memo } from "react";
 import Template from "./Template";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
diff --git a/src/lib/i18n/index.tsx b/src/lib/i18n/index.tsx
index 59d67860..b1d758ff 100644
--- a/src/lib/i18n/index.tsx
+++ b/src/lib/i18n/index.tsx
@@ -1,5 +1,6 @@
 import "minimal-polyfills/Object.fromEntries";
 //NOTE for later: https://github.com/remarkjs/react-markdown/blob/236182ecf30bd89c1e5a7652acaf8d0bf81e6170/src/renderers.js#L7-L35
+import React from "react";
 import ReactMarkdown from "react-markdown";
 import memoize from "memoizee";
 import { kcMessages as kcMessagesBase } from "./generated_kcMessages/18.0.1/login";
diff --git a/src/lib/tsconfig.json b/src/lib/tsconfig.json
index 0556606e..24ed20ef 100644
--- a/src/lib/tsconfig.json
+++ b/src/lib/tsconfig.json
@@ -7,7 +7,7 @@
         "target": "ES2020",
         "lib": ["es2015", "DOM", "ES2019.Object"],
         "moduleResolution": "node",
-        "jsx": "react-jsx",
+        "jsx": "react",
         "allowSyntheticDefaultImports": true
     },
     "references": [
diff --git a/src/lib/useFormValidationSlice.tsx b/src/lib/useFormValidationSlice.tsx
index 58e60ee1..a4b7caa0 100644
--- a/src/lib/useFormValidationSlice.tsx
+++ b/src/lib/useFormValidationSlice.tsx
@@ -1,5 +1,5 @@
 import "./tools/Array.prototype.every";
-import { useMemo, useReducer, Fragment } from "react";
+import React, { useMemo, useReducer, Fragment } from "react";
 import type { KcContextBase, Validators, Attribute } from "./getKcContext/KcContextBase";
 import { getMsg } from "./i18n";
 import type { KcLanguageTag } from "./i18n";
diff --git a/src/test/tsconfig.json b/src/test/tsconfig.json
index 3822525d..d9b70ac8 100644
--- a/src/test/tsconfig.json
+++ b/src/test/tsconfig.json
@@ -13,7 +13,7 @@
         "incremental": true,
         "strict": true,
         "downlevelIteration": true,
-        "jsx": "react-jsx",
+        "jsx": "react",
         "noFallthroughCasesInSwitch": true
     },
     "include": [".."]