babylonjs-node-editor 6.47.0 → 6.48.0

package/babylon.nodeEditor.d.ts

@@ -24,7 +24,7 @@ declare module BABYLON.NodeEditor {
         constructor(props: ILogComponentProps);
         componentDidMount(): void;
         componentDidUpdate(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -45,7 +45,7 @@ declare module BABYLON.NodeEditor {
         removeItem(value: string): void;
         loadCustomBlock(file: File): void;
         removeCustomBlock(value: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -65,7 +65,7 @@ declare module BABYLON.NodeEditor {
         _onPointerOverCanvas: () => void;
         _onPointerOutCanvas: () => void;
         changeParticleSystemBlendMode(newOne: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -136,7 +136,7 @@ declare module BABYLON.NodeEditor {
         changeAnimation(): void;
         changeBackground(value: string): void;
         changeBackgroundClick(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -166,8 +166,8 @@ declare module BABYLON.NodeEditor {
     export class InputsPropertyTabComponent extends React.Component<IInputsPropertyTabComponentProps> {
         constructor(props: IInputsPropertyTabComponentProps);
         processInputBlockUpdate(ib: BABYLON.InputBlock): void;
-        renderInputBlock(block: BABYLON.InputBlock): JSX.Element | null;
-        render(): JSX.Element;
+        renderInputBlock(block: BABYLON.InputBlock): import("react/jsx-runtime").JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -177,7 +177,7 @@ declare module BABYLON.NodeEditor {
         lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -187,7 +187,7 @@ declare module BABYLON.NodeEditor {
         lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Color4PropertyTabComponent extends React.Component<IColor4PropertyTabComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -196,7 +196,7 @@ declare module BABYLON.NodeEditor {
         inputBlock: BABYLON.InputBlock;
     }
     export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -206,7 +206,7 @@ declare module BABYLON.NodeEditor {
         lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -216,7 +216,7 @@ declare module BABYLON.NodeEditor {
         lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -226,7 +226,7 @@ declare module BABYLON.NodeEditor {
         lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -236,7 +236,7 @@ declare module BABYLON.NodeEditor {
         lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -258,7 +258,7 @@ declare module BABYLON.NodeEditor {
         componentDidMount(): void;
         componentWillUnmount(): void;
         processInputBlockUpdate(ib: BABYLON.InputBlock): void;
-        renderInputBlock(block: BABYLON.InputBlock): JSX.Element | null;
+        renderInputBlock(block: BABYLON.InputBlock): import("react/jsx-runtime").JSX.Element | null;
         load(file: File): void;
         loadFrame(file: File): void;
         save(): void;
@@ -266,7 +266,7 @@ declare module BABYLON.NodeEditor {
         saveToSnippetServer(): void;
         loadFromSnippet(): void;
         changeMode(value: any, force?: boolean, loadDefault?: boolean): boolean;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -383,7 +383,7 @@ declare module BABYLON.NodeEditor {
         createPreviewMeshControlHost: (options: IInternalPreviewAreaOptions, parentControl: BABYLON.Nullable<HTMLElement>) => void;
         createPreviewHost: (options: IInternalPreviewAreaOptions, parentControl: BABYLON.Nullable<HTMLElement>) => void;
         fixPopUpStyles: (document: Document) => void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -597,19 +597,19 @@ declare module BABYLON.NodeEditor {
 
     export class ColorMergerPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
     export class ConditionalPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
     export class CurvePropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -626,7 +626,7 @@ declare module BABYLON.NodeEditor {
         private _onSelectionChangedObserver;
         constructor(props: IFrameNodePortPropertyTabComponentProps);
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -639,22 +639,22 @@ declare module BABYLON.NodeEditor {
         constructor(props: IFramePropertyTabComponentProps);
         componentDidMount(): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
     export class GenericPropertyComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
     export class GeneralPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
     export class GenericPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
         forceRebuild(propertyName: string, notifiers?: BABYLON.IEditablePropertyOption["notifiers"]): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -668,7 +668,7 @@ declare module BABYLON.NodeEditor {
         copyStep(step: BABYLON.GradientBlockColorStep): void;
         addNewStep(): void;
         checkForReOrder(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -688,7 +688,7 @@ declare module BABYLON.NodeEditor {
         updateColor(color: string): void;
         updateStep(gradient: number): void;
         onPointerUp(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -711,7 +711,7 @@ declare module BABYLON.NodeEditor {
          */
         replaceTexture(file: File): void;
         replaceTextureWithUrl(url: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -720,19 +720,19 @@ declare module BABYLON.NodeEditor {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
         componentDidMount(): void;
         componentWillUnmount(): void;
-        renderValue(globalState: GlobalState): JSX.Element | null;
+        renderValue(globalState: GlobalState): import("react/jsx-runtime").JSX.Element | null;
         setDefaultValue(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
     export class LightInformationPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
     export class LightPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -743,7 +743,7 @@ declare module BABYLON.NodeEditor {
     export class NodePortPropertyTabComponent extends React.Component<IFrameNodePortPropertyTabComponentProps> {
         constructor(props: IFrameNodePortPropertyTabComponentProps);
         toggleExposeOnFrame(value: boolean): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -752,7 +752,7 @@ declare module BABYLON.NodeEditor {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
         componentDidMount(): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -779,25 +779,25 @@ declare module BABYLON.NodeEditor {
          */
         replaceTexture(file: File): void;
         replaceTextureWithUrl(url: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
     export class TransformPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
     export class TrigonometryPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
     export class VectorMergerPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -892,7 +892,7 @@ declare module BABYLON.NodeEditor {
             isDisabled: boolean;
         }): boolean;
         onChange(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -902,7 +902,7 @@ declare module BABYLON.NodeEditor {
     }
     export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
         constructor(props: IButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -916,7 +916,7 @@ declare module BABYLON.NodeEditor {
     }
     export class DraggableLineWithButtonComponent extends React.Component<IDraggableLineWithButtonComponent> {
         constructor(props: IDraggableLineWithButtonComponent);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -930,7 +930,7 @@ declare module BABYLON.NodeEditor {
         private _uploadRef;
         constructor(props: IFileButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -944,8 +944,8 @@ declare module BABYLON.NodeEditor {
     }> {
         constructor(props: ILineContainerComponentProps);
         switchExpandedState(): void;
-        renderHeader(): JSX.Element;
-        render(): JSX.Element;
+        renderHeader(): import("react/jsx-runtime").JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -966,7 +966,7 @@ declare module BABYLON.NodeEditor {
         constructor(props: ILineWithFileButtonComponentProps);
         onChange(evt: any): void;
         switchExpandedState(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -998,7 +998,7 @@ declare module BABYLON.NodeEditor {
         componentDidUpdate(): void;
         updatePreview(): void;
         static UpdatePreview(previewCanvas: HTMLCanvasElement, texture: BABYLON.BaseTexture, width: number, options: ITextureLineComponentState, onReady?: () => void, globalState?: any): Promise<void>;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1019,7 +1019,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         updateValue(valueString: string): void;
         lock(): void;
         unlock(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1066,7 +1066,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _evaluateHue;
         componentDidUpdate(): void;
         raiseOnColorChanged(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1092,7 +1092,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         lock(): void;
         unlock(): void;
         updateHexValue(valueString: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1165,7 +1165,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         activeState: string;
     }> {
         constructor(props: ICommandDropdownComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1218,7 +1218,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         updateValue(valueString: string): void;
         lock(): void;
         unlock(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1266,7 +1266,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _evaluateHue;
         componentDidUpdate(): void;
         raiseOnColorChanged(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1292,7 +1292,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         lock(): void;
         unlock(): void;
         updateHexValue(valueString: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1784,7 +1784,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         copyToClipboard(): void;
         private _convertToColor;
         private _toColor3;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1821,7 +1821,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         }>): string;
         componentDidUpdate(): void;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1844,7 +1844,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _uploadInputRef;
         constructor(props: IFileButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1880,7 +1880,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onBlur(): void;
         incrementValue(amount: number): void;
         onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1890,8 +1890,7 @@ declare module BABYLON.NodeEditor {
 
 }
 declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    /**
+        /**
      * This components represents an options menu with optional
      * customizable properties. Option IDs should be unique.
      */
@@ -1909,7 +1908,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         validateNewOptionValue?: (newOptionValue: string) => boolean;
         addOptionText?: string;
     }
-    export const OptionsLineComponent: (props: IOptionsLineComponentProps) => JSX.Element;
+    export const OptionsLineComponent: (props: IOptionsLineComponentProps) => import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -2194,7 +2193,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export const NodeRenderer: (props: INodeRendererProps) => JSX.Element;
+    export const NodeRenderer: (props: INodeRendererProps) => import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -2216,8 +2215,7 @@ declare module BABYLON.NodeEditor {
 
 }
 declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    export interface ITextInputProps {
+        export interface ITextInputProps {
         label?: string;
         placeholder?: string;
         submitValue: (newValue: string) => void;
@@ -2229,7 +2227,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
      * @param props properties
      * @returns TextInputWithSubmit element
      */
-    export const TextInputWithSubmit: (props: ITextInputProps) => JSX.Element;
+    export const TextInputWithSubmit: (props: ITextInputProps) => import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -2262,7 +2260,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
         constructor(props: IBooleanLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2281,7 +2279,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
         constructor(props: IButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2321,7 +2319,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
             isConflict: boolean;
         }): boolean;
         onChange(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2343,7 +2341,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onChange?: () => void;
     }
     export class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2365,7 +2363,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2407,7 +2405,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         copyToClipboard(): void;
         private _convertToColor;
         private _toColor3;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2442,7 +2440,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         }>): string;
         componentDidUpdate(): void;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2458,7 +2456,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
         constructor(props: IButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2481,7 +2479,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _uploadInputRef;
         constructor(props: IFileButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2504,7 +2502,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _uploadInputRef;
         constructor(props: IFileMultipleButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2558,7 +2556,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         unlock(): void;
         incrementValue(amount: number, processStep?: boolean): void;
         onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2601,7 +2599,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         updateValue(valueString: string, raisePropertyChanged: boolean): void;
         lock(): void;
         unlock(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2619,7 +2617,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
         constructor(props: IIconButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2634,7 +2632,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         label?: string;
     }
     export class IconComponent extends React.Component<IIconComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2655,8 +2653,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     export class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
         constructor(props: IIndentedTextLineComponentProps);
         onLink(): void;
-        renderContent(): JSX.Element;
-        render(): JSX.Element;
+        renderContent(): import("react/jsx-runtime").JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2675,7 +2673,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _drag;
         private _releaseListener;
         private _lockChangeListener;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2709,9 +2707,9 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }> {
         constructor(props: ILineContainerComponentProps);
         switchExpandedState(): void;
-        renderHeader(): JSX.Element;
+        renderHeader(): import("react/jsx-runtime").JSX.Element;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2732,7 +2730,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
         constructor(props: ILinkButtonComponentProps);
         onLink(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2769,7 +2767,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         updateMatrix(): void;
         updateRow(value: BABYLON.Vector4, row: number): void;
         updateBasedOnMode(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2786,7 +2784,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
         constructor(props: IMessageLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2822,7 +2820,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onBlur(): void;
         incrementValue(amount: number): void;
         onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2863,7 +2861,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         raiseOnPropertyChanged(newValue: number, previousValue: number): void;
         setValue(value: string | number): void;
         updateValue(valueString: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2901,7 +2899,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         componentDidMount(): void;
         componentWillUnmount(): void;
         onChange(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2941,7 +2939,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onChange(newValueString: any): void;
         onInput(newValueString: any): void;
         prepareDataToRead(value: number): number;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3012,7 +3010,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         updateValue(value: string, valueToValidate?: string): void;
         incrementValue(amount: number): void;
         onKeyDown(event: React.KeyboardEvent): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3038,8 +3036,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     export class TextLineComponent extends React.Component<ITextLineComponentProps> {
         constructor(props: ITextLineComponentProps);
         onLink(): void;
-        renderContent(): JSX.Element | null;
-        render(): JSX.Element;
+        renderContent(): import("react/jsx-runtime").JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3049,13 +3047,12 @@ declare module BABYLON.NodeEditor {
 
 }
 declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    interface IUnitButtonProps {
+        interface IUnitButtonProps {
         unit: string;
         locked?: boolean;
         onClick?: (unit: string) => void;
     }
-    export function UnitButton(props: IUnitButtonProps): JSX.Element;
+    export function UnitButton(props: IUnitButtonProps): import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -3075,7 +3072,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class ValueLineComponent extends React.Component<IValueLineComponentProps> {
         constructor(props: IValueLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3113,7 +3110,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
         updateStateX(value: number): void;
         updateStateY(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3156,7 +3153,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         updateStateX(value: number): void;
         updateStateY(value: number): void;
         updateStateZ(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3200,7 +3197,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         updateStateY(value: number): void;
         updateStateZ(value: number): void;
         updateStateW(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3355,7 +3352,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         processEditorData(editorData: BABYLON.NodeEditor.SharedUIComponents.IEditorData): void;
         reOrganize(editorData?: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IEditorData>, isImportingAFrame?: boolean): void;
         addFrame(frameData: BABYLON.NodeEditor.SharedUIComponents.IFrameData): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3868,7 +3865,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onFilterChange(evt: React.ChangeEvent<HTMLInputElement>): void;
         onNewNodeRequested(name: string): void;
         onKeyDown(evt: React.KeyboardEvent): void;
-        render(): JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element | null;
     }
 
 
@@ -4006,7 +4003,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
         constructor(props: ICheckboxPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4023,7 +4020,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
         constructor(props: IColorPickerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4041,8 +4038,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
         constructor(props: ICommonControlPropertyGridComponentProps);
-        renderGridInformation(control: BABYLON.GUI.Control): JSX.Element | null;
-        render(): JSX.Element | undefined;
+        renderGridInformation(control: BABYLON.GUI.Control): import("react/jsx-runtime").JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element | undefined;
     }
 
 
@@ -4059,7 +4056,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
         constructor(props: IControlPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4076,7 +4073,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
         constructor(props: IEllipsePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4093,9 +4090,9 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
         constructor(props: IGridPropertyGridComponentProps);
-        renderRows(): JSX.Element[];
-        renderColumns(): JSX.Element[];
-        render(): JSX.Element;
+        renderRows(): import("react/jsx-runtime").JSX.Element[];
+        renderColumns(): import("react/jsx-runtime").JSX.Element[];
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4112,7 +4109,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
         constructor(props: IImageBasedSliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4129,7 +4126,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
         constructor(props: IImagePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4146,7 +4143,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
         constructor(props: IInputTextPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4164,7 +4161,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
         constructor(props: ILinePropertyGridComponentProps);
         onDashChange(value: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4181,7 +4178,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
         constructor(props: IRadioButtonPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4198,7 +4195,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
         constructor(props: IRectanglePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4215,7 +4212,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
         constructor(props: IScrollViewerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4232,7 +4229,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
         constructor(props: ISliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4249,7 +4246,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
         constructor(props: IStackPanelPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4266,7 +4263,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
     }
     export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
         constructor(props: ITextBlockPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }