chore(react): import jsx from react for react 19 compatibility

components/react/src/iconify.ts

@@ -1,10 +1,5 @@
-import {
+import { useEffect, useState, forwardRef, createElement } from 'react';
-	useEffect,
+import type { Ref, JSX } from 'react';
-	useState,
-	forwardRef,
-	createElement,
-	type Ref,
-} from 'react';
 import type { IconifyJSON, IconifyIcon } from '@iconify/types';
 
 // Core

components/react/src/offline.ts

@@ -1,4 +1,5 @@
-import { forwardRef, createElement, memo, type Ref } from 'react';
+import { forwardRef, createElement, memo } from 'react';
+import type { Ref, JSX } from 'react';
 import type { IconifyIcon, IconifyJSON } from '@iconify/types';
 import type { IconifyIconSize } from '@iconify/utils/lib/customisations/defaults';
 import { defaultIconProps } from '@iconify/utils/lib/icon/defaults';
@@ -63,25 +64,29 @@ type IconComponentType = (props: IconProps) => JSX.Element;
  *
  * @param props - Component properties
  */
-export const Icon = memo(forwardRef<IconElement, IconProps>((props, ref) =>
+export const Icon = memo(
-	IconComponent({
+	forwardRef<IconElement, IconProps>((props, ref) =>
-		...props,
+		IconComponent({
-		_ref: ref,
+			...props,
-	})
+			_ref: ref,
-)) as IconComponentType;
+		})
+	)
+) as IconComponentType;
 
 /**
  * Inline icon (has negative verticalAlign that makes it behave like icon font)
  *
  * @param props - Component properties
  */
-export const InlineIcon = memo(forwardRef<IconElement, IconProps>((props, ref) =>
+export const InlineIcon = memo(
-	IconComponent({
+	forwardRef<IconElement, IconProps>((props, ref) =>
-		inline: true,
+		IconComponent({
-		...props,
+			inline: true,
-		_ref: ref,
+			...props,
-	})
+			_ref: ref,
-)) as IconComponentType;
+		})
+	)
+) as IconComponentType;
 
 /**
  * Add icon to storage, allowing to call it by name

components/react/src/render.ts

@@ -1,5 +1,5 @@
 import { createElement } from 'react';
-import type { SVGProps, CSSProperties } from 'react';
+import type { SVGProps, CSSProperties, JSX } from 'react';
 import type { IconifyIcon } from '@iconify/types';
 import { mergeCustomisations } from '@iconify/utils/lib/customisations/merge';
 import { flipFromString } from '@iconify/utils/lib/customisations/flip';