Replace JSX.IntrinsicElements with React.JSX.IntrinsicElements

Fixes jaredpalmer#4011. This is for compatibility with React v19, where the global JSX namespace went away.
Philipp91 · Dec 7, 2024 · b405a5d · b405a5d
1 parent 0e0cf9e
commit b405a5d
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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) => {