fix(react-19): switch JSX.Element to React.ReactElement to support React 19 and 18 (#437)

Author: wdcryer

packages/autodemo/src/AutoDemo.tsx

@@ -75,7 +75,7 @@ export const AutoDemo = ({
     treeRef3: React.Ref<TreeRef>,
     treeRef4: React.Ref<TreeRef>,
     treeRef5: React.Ref<TreeRef>
-  ) => JSX.Element;
+  ) => React.ReactElement;
   storyScript: (story: AutomationStoryHelpers) => Promise<void>;
   restart?: boolean;
 }) => {

packages/core/src/tree/TreeManager.tsx

@@ -10,7 +10,7 @@ import { useTreeEnvironment } from '../controlledEnvironment/ControlledTreeEnvir
 import { useDragAndDrop } from '../drag/DragAndDropProvider';
 import { MaybeLiveDescription } from './MaybeLiveDescription';
 
-export const TreeManager = (): JSX.Element => {
+export const TreeManager = (): React.ReactElement => {
   const { treeId, rootItem, renderers, treeInformation } = useTree();
   const environment = useTreeEnvironment();
   const containerRef = useRef<HTMLElement>();
@@ -68,5 +68,5 @@ export const TreeManager = (): JSX.Element => {
     children: treeChildren,
     info: treeInformation,
     containerProps,
-  }) as JSX.Element;
+  }) as React.ReactElement;
 };

packages/core/src/treeItem/TreeItemChildren.tsx

@@ -7,10 +7,10 @@ export const TreeItemChildren = (props: {
   children: TreeItemIndex[];
   depth: number;
   parentId: TreeItemIndex;
-}): JSX.Element => {
+}): React.ReactElement => {
   const { renderers, treeInformation } = useTree();
 
-  const childElements: JSX.Element[] = [];
+  const childElements: React.ReactElement[] = [];
 
   for (const child of props.children) {
     childElements.push(

packages/core/src/treeItem/TreeItemElement.tsx

@@ -10,7 +10,7 @@ import { TreeItemRenamingInput } from './TreeItemRenamingInput';
 export const TreeItemElement = (props: {
   itemIndex: TreeItemIndex;
   depth: number;
-}): JSX.Element => {
+}): React.ReactElement => {
   const [hasBeenRequested, setHasBeenRequested] = useState(false);
   const { renderers, treeInformation, renamingItem } = useTree();
   const environment = useTreeEnvironment();

packages/core/src/treeItem/TreeItemRenamingInput.tsx

@@ -97,5 +97,5 @@ export const TreeItemRenamingInput: React.FC<{
     submitButtonRef,
     formProps,
     inputProps,
-  }) as JSX.Element;
+  }) as React.ReactElement;
 };

packages/core/src/types.ts

@@ -368,7 +368,7 @@ export interface ControlledTreeEnvironmentProps<
   T = any,
   C extends string = never
 > extends TreeEnvironmentConfiguration<T, C> {
-  children?: JSX.Element | (JSX.Element | null)[] | null;
+  children?: React.ReactElement | (React.ReactElement | null)[] | null;
 }
 
 export interface UncontrolledTreeEnvironmentProps<
@@ -382,7 +382,7 @@ export interface UncontrolledTreeEnvironmentProps<
   keyboardBindings?: KeyboardBindings;
   liveDescriptors?: LiveDescriptors;
   getItemTitle: (item: TreeItem<T>) => string;
-  children: JSX.Element | (JSX.Element | null)[] | null;
+  children: React.ReactElement | (React.ReactElement | null)[] | null;
   disableMultiselect?: boolean;
 }