From b405a5d83de13bcb567d160a13a702e9893c297f Mon Sep 17 00:00:00 2001
From: Philipp Keck <git@philippkeck.de>
Date: Sat, 7 Dec 2024 16:10:23 +0100
Subject: [PATCH] Replace JSX.IntrinsicElements with
 React.JSX.IntrinsicElements

Fixes #4011.

This is for compatibility with React v19, where the global JSX namespace went away.
---
 packages/formik/src/types.tsx               | 6 +++---
 website/src/components/Container.tsx        | 2 +-
 website/src/components/FormiumLogo.tsx      | 2 +-
 website/src/components/forwardRefWithAs.tsx | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/formik/src/types.tsx b/packages/formik/src/types.tsx
index 71db6792c..8b040efe2 100644
--- a/packages/formik/src/types.tsx
+++ b/packages/formik/src/types.tsx
@@ -279,9 +279,9 @@ export interface SharedRenderProps<T> {
 }
 
 export type GenericFieldHTMLAttributes =
-  | JSX.IntrinsicElements['input']
-  | JSX.IntrinsicElements['select']
-  | JSX.IntrinsicElements['textarea'];
+  | React.JSX.IntrinsicElements['input']
+  | React.JSX.IntrinsicElements['select']
+  | React.JSX.IntrinsicElements['textarea'];
 
 /** Field metadata */
 export interface FieldMetaProps<Value> {
diff --git a/website/src/components/Container.tsx b/website/src/components/Container.tsx
index 8a06e5d4a..672bae6d4 100644
--- a/website/src/components/Container.tsx
+++ b/website/src/components/Container.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import cn from 'classnames';
 import { HTMLProps } from 'react';
 
-export const Container: React.FC<JSX.IntrinsicElements['div']> = ({
+export const Container: React.FC<React.JSX.IntrinsicElements['div']> = ({
   className,
   ...props
 }) => {
diff --git a/website/src/components/FormiumLogo.tsx b/website/src/components/FormiumLogo.tsx
index 46a361bc2..b5b5cda7d 100644
--- a/website/src/components/FormiumLogo.tsx
+++ b/website/src/components/FormiumLogo.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-export const FormiumLogo: React.FC<JSX.IntrinsicElements['svg']> = props => {
+export const FormiumLogo: React.FC<React.JSX.IntrinsicElements['svg']> = props => {
   return (
     <svg
       width={'101px'}
diff --git a/website/src/components/forwardRefWithAs.tsx b/website/src/components/forwardRefWithAs.tsx
index b305c8056..b790e2740 100644
--- a/website/src/components/forwardRefWithAs.tsx
+++ b/website/src/components/forwardRefWithAs.tsx
@@ -96,7 +96,7 @@ export function forwardRefWithAs<Props, ComponentType extends As>(
 Test components to make sure our dynamic As prop components work as intended 
 type PopupProps = {
   lol: string;
-  children?: React.ReactNode | ((value?: number) => JSX.Element);
+  children?: React.ReactNode | ((value?: number) => React.JSX.Element);
 };
 export const Popup = forwardRefWithAs<PopupProps, 'input'>(
   ({ as: Comp = 'input', lol, className, children, ...props }, ref) => {