babylonjs-gui-editor 6.47.0 → 6.48.0

package/babylon.guiEditor.module.d.ts

@@ -11,7 +11,7 @@ export class CommandBarComponent extends React.Component<ICommandBarComponentPro
     private _stopUpdating;
     private _lockObject;
     constructor(props: ICommandBarComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -32,7 +32,7 @@ interface ICommandButtonComponentProps {
 }
 export class CommandButtonComponent extends React.Component<ICommandButtonComponentProps> {
     constructor(props: ICommandButtonComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -64,7 +64,7 @@ export class CommandDropdownComponent extends React.Component<ICommandDropdownCo
     activeState: string;
 }> {
     constructor(props: ICommandDropdownComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -84,7 +84,7 @@ export class GuiListComponent extends React.Component<IGuiListComponentProps, {
     constructor(props: IGuiListComponentProps);
     componentWillUnmount(): void;
     filterContent(filter: string): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -107,7 +107,7 @@ export class LogComponent extends React.Component<ILogComponentProps, {
     constructor(props: ILogComponentProps);
     componentDidMount(): void;
     componentDidUpdate(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -130,7 +130,7 @@ export class ParentingPropertyGridComponent extends React.Component<IParentingPr
     updateGridPosition(): void;
     getCellInfo(): void;
     private _changeCell;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -152,7 +152,7 @@ interface IButtonPropertyGridComponentProps {
 }
 export class ButtonPropertyGridComponent extends React.Component<IButtonPropertyGridComponentProps> {
     constructor(props: IButtonPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -173,7 +173,7 @@ interface ICheckboxPropertyGridComponentProps {
 }
 export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
     constructor(props: ICheckboxPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -194,7 +194,7 @@ interface IColorPickerPropertyGridComponentProps {
 }
 export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
     constructor(props: IColorPickerPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -243,7 +243,7 @@ export class CommonControlPropertyGridComponent extends React.Component<ICommonC
         value: string;
         id: string;
     }[];
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -258,7 +258,7 @@ interface IContainerPropertyGridComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
 }
 export class ContainerPropertyGridComponent extends React.Component<IContainerPropertyGridComponentProps> {
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -279,7 +279,7 @@ interface IControlPropertyGridComponentProps {
 }
 export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
     constructor(props: IControlPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -300,7 +300,7 @@ interface IDisplayGridPropertyGridComponentProps {
 }
 export class DisplayGridPropertyGridComponent extends React.Component<IDisplayGridPropertyGridComponentProps> {
     constructor(props: IDisplayGridPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -321,7 +321,7 @@ interface IEllipsePropertyGridComponentProps {
 }
 export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
     constructor(props: IEllipsePropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -356,10 +356,10 @@ export class GridPropertyGridComponent extends React.Component<IGridPropertyGrid
     private _editedColumn;
     private _rowChild;
     private _columnChild;
-    renderRows(): JSX.Element[];
+
     setRowValues(): void;
     setColumnValues(): void;
-    renderColumns(): JSX.Element[];
+
     parsePercentage(value: string): number;
     isCloseTo(value: number, expected: number, epsilon?: number): boolean;
     adjustPercentages(definitions: string[], editFlags: boolean[]): string[];
@@ -368,7 +368,7 @@ export class GridPropertyGridComponent extends React.Component<IGridPropertyGrid
     checkValue(value: string, percent: boolean): string;
     checkPercentage(value: string): boolean;
     resetValues(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -389,7 +389,7 @@ interface IImageBasedSliderPropertyGridComponentProps {
 }
 export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
     constructor(props: IImageBasedSliderPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -417,7 +417,7 @@ export class ImagePropertyGridComponent extends React.Component<IImagePropertyGr
     toggleAnimations(on: boolean): void;
     getMaxCells(): number;
     updateCellSize(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -438,7 +438,7 @@ interface IInputTextPropertyGridComponentProps {
 }
 export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
     constructor(props: IInputTextPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -460,7 +460,7 @@ interface ILinePropertyGridComponentProps {
 export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
     constructor(props: ILinePropertyGridComponentProps);
     onDashChange(value: string): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -481,7 +481,7 @@ interface IRadioButtonPropertyGridComponentProps {
 }
 export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
     constructor(props: IRadioButtonPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -502,7 +502,7 @@ interface IRectanglePropertyGridComponentProps {
 }
 export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
     constructor(props: IRectanglePropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -523,7 +523,7 @@ interface IScrollViewerPropertyGridComponentProps {
 }
 export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
     constructor(props: IScrollViewerPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -544,7 +544,7 @@ interface ISliderGenericPropertyGridComponentProps {
 }
 export class SliderGenericPropertyGridComponent extends React.Component<ISliderGenericPropertyGridComponentProps> {
     constructor(props: ISliderGenericPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -563,7 +563,7 @@ interface ISliderPropertyGridComponentProps {
 }
 export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
     constructor(props: ISliderPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -584,7 +584,7 @@ interface IStackPanelPropertyGridComponentProps {
 }
 export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
     constructor(props: IStackPanelPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -605,7 +605,7 @@ interface ITextBlockPropertyGridComponentProps {
 }
 export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
     constructor(props: ITextBlockPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -641,16 +641,16 @@ export class PropertyTabComponent extends React.Component<IPropertyTabComponentP
     saveToSnippetServerHelper: (content: string, adt: AdvancedDynamicTexture) => Promise<string>;
     saveToSnippetServer: () => Promise<void>;
     loadFromSnippet(): void;
-    renderNode(nodes: Control[]): JSX.Element;
+
     /**
      * returns the class name of a list of controls if they share a class, or an empty string if not
      * @param nodes the list of controls to check
      * @returns the class name of a list of controls if they share a class, or an empty string if not
      */
     getControlsCommonClassName(nodes: Control[]): string;
-    renderProperties(nodes: Control[]): JSX.Element | undefined;
+
     renderControlIcon(nodes: Control[]): string;
-    render(): JSX.Element | null;
+
 }
 export {};
 
@@ -682,7 +682,7 @@ export class ControlTreeItemComponent extends React.Component<IControlTreeItemCo
     highlight(): void;
     switchVisibility(): void;
     onRename(name: string): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -703,7 +703,7 @@ export class ExtensionsComponent extends React.Component<IExtensionsComponentPro
     showPopup(): void;
     componentDidMount(): void;
     componentDidUpdate(): void;
-    render(): JSX.Element | null;
+
 }
 export {};
 
@@ -720,7 +720,7 @@ interface ISceneExplorerFilterComponentProps {
 }
 export class SceneExplorerFilterComponent extends React.Component<ISceneExplorerFilterComponentProps> {
     constructor(props: ISceneExplorerFilterComponentProps);
-    render(): JSX.Element;
+
 }
 interface ISceneExplorerComponentProps {
     scene?: Scene;
@@ -753,10 +753,10 @@ export class SceneExplorerComponent extends React.Component<ISceneExplorerCompon
         found?: boolean;
     }): boolean;
     processKeys(keyEvent: React.KeyboardEvent<HTMLDivElement>): void;
-    renderContent(): JSX.Element | null;
+
     onClose(): void;
     onPopup(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -792,8 +792,8 @@ export class TreeItemComponent extends React.Component<ITreeItemComponentProps,
         isExpanded: boolean;
     }): boolean;
     expandAll(expand: boolean): void;
-    renderContextMenu(): JSX.Element | null;
-    render(): JSX.Element;
+
+
 }
 
 }
@@ -814,7 +814,7 @@ export class TreeItemLabelComponent extends React.Component<ITreeItemLabelCompon
     constructor(props: ITreeItemLabelComponentProps);
     onClick(): void;
     onBlur(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -860,8 +860,8 @@ export class TreeItemSelectableComponent extends React.Component<ITreeItemSelect
     scrollIntoView(): void;
     componentWillUnmount(): void;
     onSelect(): void;
-    renderChildren(isExpanded: boolean, offset?: boolean): (JSX.Element | null)[] | null;
-    render(): JSX.Element | (JSX.Element | null)[] | null;
+
+
     dragOver(event: React.DragEvent<HTMLDivElement>): void;
     updateDragOverLocation(event: React.DragEvent<HTMLDivElement>): void;
     drop(): void;
@@ -888,7 +888,7 @@ interface IArtBoardState {
 export class ArtBoardComponent extends React.Component<IArtBoardProps, IArtBoardState> {
     constructor(props: IArtBoardProps);
     update(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -996,13 +996,12 @@ export class GizmoGeneric extends React.Component<IGuiGizmoProps, IGuiGizmoState
     private _updateNodeFromLocalBounds;
     private _beginDraggingScalePoint;
     private _beginRotate;
-    render(): JSX.Element;
+
 }
 export {};
 
 }
 declare module "babylonjs-gui-editor/diagram/gizmoLine" {
-/// <reference types="react" />
 import { GlobalState } from "babylonjs-gui-editor/globalState";
 import { Line } from "babylonjs-gui/2D/controls/line";
 interface IGizmoLineProps {
@@ -1015,7 +1014,7 @@ interface IGizmoLineProps {
  * @param props the properties of the gizmo
  * @returns a gizmo line
  */
-export function GizmoLine(props: IGizmoLineProps): JSX.Element;
+
 export {};
 
 }
@@ -1049,7 +1048,7 @@ interface IGizmoScalePointProps {
     canRotate: boolean;
     allowClickOnPivot?: boolean;
 }
-export function GizmoScalePoint(props: IGizmoScalePointProps): JSX.Element;
+
 export {};
 
 }
@@ -1065,7 +1064,7 @@ export class GizmoWrapper extends React.Component<IGizmoWrapperProps> {
     observer: Nullable<Observer<void>>;
     componentWillMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -1188,7 +1187,7 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     zoomDrag(event: React.MouseEvent): void;
     zooming(delta: number): void;
     zeroIfClose(vec: Vector3): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -1489,14 +1488,14 @@ export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEd
     createPopupWindow: (title: string, windowVariableName: string, width?: number, height?: number) => Window | null;
     copyStyles: (sourceDoc: HTMLDocument, targetDoc: HTMLDocument) => void;
     switchExpandedState(): void;
-    render(): JSX.Element;
+
     onCreate(value: string): Control;
-    createBlackLine(): JSX.Element;
+
     createToolbarHelper(ct: {
         className: string;
         icon: string;
-    }[]): JSX.Element[];
-    createToolbar(): JSX.Element;
+
+
 }
 export {};
 
@@ -1518,7 +1517,7 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
     updateValue(valueString: string): void;
     lock(): void;
     unlock(): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -1564,7 +1563,7 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
     private _evaluateHue;
     componentDidUpdate(): void;
     raiseOnColorChanged(): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -1587,7 +1586,7 @@ export class HexColor extends React.Component<IHexColorProps, {
     lock(): void;
     unlock(): void;
     updateHexValue(valueString: string): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -1648,7 +1647,7 @@ export class CommandDropdownComponent extends React.Component<ICommandDropdownCo
     activeState: string;
 }> {
     constructor(props: ICommandDropdownComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -1689,7 +1688,7 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
     updateValue(valueString: string): void;
     lock(): void;
     unlock(): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -1735,7 +1734,7 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
     private _evaluateHue;
     componentDidUpdate(): void;
     raiseOnColorChanged(): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -1758,7 +1757,7 @@ export class HexColor extends React.Component<IHexColorProps, {
     lock(): void;
     unlock(): void;
     updateHexValue(valueString: string): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -2198,7 +2197,7 @@ export class ColorLineComponent extends React.Component<IColorLineComponentProps
     copyToClipboard(): void;
     private _convertToColor;
     private _toColor3;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -2234,7 +2233,7 @@ export class ColorPickerLineComponent extends React.Component<IColorPickerCompon
     }>): string;
     componentDidUpdate(): void;
     componentDidMount(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -2254,7 +2253,7 @@ export class FileButtonLineComponent extends React.Component<IFileButtonLineComp
     private _uploadInputRef;
     constructor(props: IFileButtonLineComponentProps);
     onChange(evt: any): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -2287,13 +2286,12 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
     onBlur(): void;
     incrementValue(amount: number): void;
     onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-    render(): JSX.Element;
+
 }
 export {};
 
 }
 declare module "babylonjs-gui-editor/components/lines/OptionsLineComponent" {
-/// <reference types="react" />
 /**
  * This components represents an options menu with optional
  * customizable properties. Option IDs should be unique.
@@ -2312,7 +2310,7 @@ export interface IOptionsLineComponentProps {
     validateNewOptionValue?: (newOptionValue: string) => boolean;
     addOptionText?: string;
 }
-export const OptionsLineComponent: (props: IOptionsLineComponentProps) => JSX.Element;
+
 
 }
 declare module "babylonjs-gui-editor/components/MessageDialog" {
@@ -2561,7 +2559,7 @@ export interface INodeRendererProps {
  * @param props
  * @returns
  */
-export const NodeRenderer: (props: INodeRendererProps) => JSX.Element;
+
 
 }
 declare module "babylonjs-gui-editor/components/reactGraphSystem/useGraphContext" {
@@ -2573,7 +2571,6 @@ export const useGraphContext: () => import("babylonjs-gui-editor/components/reac
 
 }
 declare module "babylonjs-gui-editor/components/TextInputWithSubmit" {
-/// <reference types="react" />
 export interface ITextInputProps {
     label?: string;
     placeholder?: string;
@@ -2586,7 +2583,7 @@ export interface ITextInputProps {
  * @param props properties
  * @returns TextInputWithSubmit element
  */
-export const TextInputWithSubmit: (props: ITextInputProps) => JSX.Element;
+
 
 }
 declare module "babylonjs-gui-editor/components/Toggle" {
@@ -2610,7 +2607,7 @@ export interface IBooleanLineComponentProps {
 }
 export class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
     constructor(props: IBooleanLineComponentProps);
-    render(): JSX.Element;
+
 }
 
 }
@@ -2625,7 +2622,7 @@ export interface IButtonLineComponentProps {
 }
 export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
     constructor(props: IButtonLineComponentProps);
-    render(): JSX.Element;
+
 }
 
 }
@@ -2664,7 +2661,7 @@ export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponen
         isConflict: boolean;
     }): boolean;
     onChange(): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -2685,7 +2682,7 @@ export interface IColor3LineComponentProps {
     onChange?: () => void;
 }
 export class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
-    render(): JSX.Element;
+
 }
 
 }
@@ -2706,7 +2703,7 @@ export interface IColor4LineComponentProps {
     lockObject: LockObject;
 }
 export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
-    render(): JSX.Element;
+
 }
 
 }
@@ -2748,7 +2745,7 @@ export class ColorLineComponent extends React.Component<IColorLineComponentProps
     copyToClipboard(): void;
     private _convertToColor;
     private _toColor3;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -2782,7 +2779,7 @@ export class ColorPickerLineComponent extends React.Component<IColorPickerCompon
     }>): string;
     componentDidUpdate(): void;
     componentDidMount(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -2795,7 +2792,7 @@ export interface IButtonLineComponentProps {
 }
 export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
     constructor(props: IButtonLineComponentProps);
-    render(): JSX.Element;
+
 }
 
 }
@@ -2814,7 +2811,7 @@ export class FileButtonLineComponent extends React.Component<IFileButtonLineComp
     private _uploadInputRef;
     constructor(props: IFileButtonLineComponentProps);
     onChange(evt: any): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -2834,7 +2831,7 @@ export class FileMultipleButtonLineComponent extends React.Component<IFileMultip
     private _uploadInputRef;
     constructor(props: IFileMultipleButtonLineComponentProps);
     onChange(evt: any): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -2888,7 +2885,7 @@ export class FloatLineComponent extends React.Component<IFloatLineComponentProps
     unlock(): void;
     incrementValue(amount: number, processStep?: boolean): void;
     onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -2931,7 +2928,7 @@ export class HexLineComponent extends React.Component<IHexLineComponentProps, {
     updateValue(valueString: string, raisePropertyChanged: boolean): void;
     lock(): void;
     unlock(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -2946,7 +2943,7 @@ export interface IIconButtonLineComponentProps {
 }
 export class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
     constructor(props: IIconButtonLineComponentProps);
-    render(): JSX.Element;
+
 }
 
 }
@@ -2957,7 +2954,7 @@ interface IIconComponentProps {
     label?: string;
 }
 export class IconComponent extends React.Component<IIconComponentProps> {
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -2975,8 +2972,8 @@ interface IIndentedTextLineComponentProps {
 export class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
     constructor(props: IIndentedTextLineComponentProps);
     onLink(): void;
-    renderContent(): JSX.Element;
-    render(): JSX.Element;
+
+
 }
 export {};
 
@@ -2992,7 +2989,7 @@ export class InputArrowsComponent extends React.Component<IInputArrowsComponentP
     private _drag;
     private _releaseListener;
     private _lockChangeListener;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3019,9 +3016,9 @@ export class LineContainerComponent extends React.Component<ILineContainerCompon
 }> {
     constructor(props: ILineContainerComponentProps);
     switchExpandedState(): void;
-    renderHeader(): JSX.Element;
+
     componentDidMount(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3040,7 +3037,7 @@ interface ILinkButtonComponentProps {
 export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
     constructor(props: ILinkButtonComponentProps);
     onLink(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3079,7 +3076,7 @@ export class MatrixLineComponent extends React.Component<IMatrixLineComponentPro
     updateMatrix(): void;
     updateRow(value: Vector4, row: number): void;
     updateBasedOnMode(value: number): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3094,7 +3091,7 @@ interface IMessageLineComponentProps {
 }
 export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
     constructor(props: IMessageLineComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3128,7 +3125,7 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
     onBlur(): void;
     incrementValue(amount: number): void;
     onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3169,7 +3166,7 @@ export class OptionsLineComponent extends React.Component<IOptionsLineComponentP
     raiseOnPropertyChanged(newValue: number, previousValue: number): void;
     setValue(value: string | number): void;
     updateValue(valueString: string): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -3199,7 +3196,7 @@ export class RadioButtonLineComponent extends React.Component<IRadioButtonLineCo
     componentDidMount(): void;
     componentWillUnmount(): void;
     onChange(): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3239,7 +3236,7 @@ export class SliderLineComponent extends React.Component<ISliderLineComponentPro
     onChange(newValueString: any): void;
     onInput(newValueString: any): void;
     prepareDataToRead(value: number): number;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3307,7 +3304,7 @@ export class TextInputLineComponent extends React.Component<ITextInputLineCompon
     updateValue(value: string, valueToValidate?: string): void;
     incrementValue(amount: number): void;
     onKeyDown(event: React.KeyboardEvent): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -3329,20 +3326,19 @@ interface ITextLineComponentProps {
 export class TextLineComponent extends React.Component<ITextLineComponentProps> {
     constructor(props: ITextLineComponentProps);
     onLink(): void;
-    renderContent(): JSX.Element | null;
-    render(): JSX.Element;
+
+
 }
 export {};
 
 }
 declare module "babylonjs-gui-editor/lines/unitButton" {
-/// <reference types="react" />
 interface IUnitButtonProps {
     unit: string;
     locked?: boolean;
     onClick?: (unit: string) => void;
 }
-export function UnitButton(props: IUnitButtonProps): JSX.Element;
+
 export {};
 
 }
@@ -3359,7 +3355,7 @@ interface IValueLineComponentProps {
 }
 export class ValueLineComponent extends React.Component<IValueLineComponentProps> {
     constructor(props: IValueLineComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3398,7 +3394,7 @@ export class Vector2LineComponent extends React.Component<IVector2LineComponentP
     raiseOnPropertyChanged(previousValue: Vector2): void;
     updateStateX(value: number): void;
     updateStateY(value: number): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3442,7 +3438,7 @@ export class Vector3LineComponent extends React.Component<IVector3LineComponentP
     updateStateX(value: number): void;
     updateStateY(value: number): void;
     updateStateZ(value: number): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3487,7 +3483,7 @@ export class Vector4LineComponent extends React.Component<IVector4LineComponentP
     updateStateY(value: number): void;
     updateStateZ(value: number): void;
     updateStateW(value: number): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -3647,7 +3643,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     processEditorData(editorData: IEditorData): void;
     reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
     addFrame(frameData: IFrameData): void;
-    render(): JSX.Element;
+
 }
 
 }
@@ -4142,7 +4138,7 @@ export class SearchBoxComponent extends React.Component<ISearchBoxComponentProps
     onFilterChange(evt: React.ChangeEvent<HTMLInputElement>): void;
     onNewNodeRequested(name: string): void;
     onKeyDown(evt: React.KeyboardEvent): void;
-    render(): JSX.Element | null;
+
 }
 
 }
@@ -4367,13 +4363,12 @@ export const Default: StoryObj<typeof NumericInputComponent>;
 
 }
 declare module "babylonjs-gui-editor/stories/lines/OptionsLineComponent.stories" {
-/// <reference types="react" />
 
 const _default: {
-    component: (props: import("babylonjs-gui-editor/components/lines/OptionsLineComponent").IOptionsLineComponentProps) => JSX.Element;
+    component: (props: import("babylonjs-gui-editor/components/lines/OptionsLineComponent").IOptionsLineComponentProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
-const RenderComponent: (args: any) => JSX.Element;
+
 export const Default: StoryObj<typeof RenderComponent>;
 export const WithCustomOptions: StoryObj<typeof RenderComponent>;
 export const WithValidation: StoryObj<typeof RenderComponent>;
@@ -4430,7 +4425,7 @@ interface ICheckboxPropertyGridComponentProps {
 }
 export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
     constructor(props: ICheckboxPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4448,7 +4443,7 @@ interface IColorPickerPropertyGridComponentProps {
 }
 export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
     constructor(props: IColorPickerPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4467,8 +4462,8 @@ interface ICommonControlPropertyGridComponentProps {
 }
 export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
     constructor(props: ICommonControlPropertyGridComponentProps);
-    renderGridInformation(control: Control): JSX.Element | null;
-    render(): JSX.Element | undefined;
+
+
 }
 export {};
 
@@ -4486,7 +4481,7 @@ interface IControlPropertyGridComponentProps {
 }
 export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
     constructor(props: IControlPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4504,7 +4499,7 @@ interface IEllipsePropertyGridComponentProps {
 }
 export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
     constructor(props: IEllipsePropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4522,9 +4517,9 @@ interface IGridPropertyGridComponentProps {
 }
 export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
     constructor(props: IGridPropertyGridComponentProps);
-    renderRows(): JSX.Element[];
-    renderColumns(): JSX.Element[];
-    render(): JSX.Element;
+
+
+
 }
 export {};
 
@@ -4542,7 +4537,7 @@ interface IImageBasedSliderPropertyGridComponentProps {
 }
 export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
     constructor(props: IImageBasedSliderPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4560,7 +4555,7 @@ interface IImagePropertyGridComponentProps {
 }
 export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
     constructor(props: IImagePropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4578,7 +4573,7 @@ interface IInputTextPropertyGridComponentProps {
 }
 export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
     constructor(props: IInputTextPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4597,7 +4592,7 @@ interface ILinePropertyGridComponentProps {
 export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
     constructor(props: ILinePropertyGridComponentProps);
     onDashChange(value: string): void;
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4615,7 +4610,7 @@ interface IRadioButtonPropertyGridComponentProps {
 }
 export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
     constructor(props: IRadioButtonPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4633,7 +4628,7 @@ interface IRectanglePropertyGridComponentProps {
 }
 export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
     constructor(props: IRectanglePropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4651,7 +4646,7 @@ interface IScrollViewerPropertyGridComponentProps {
 }
 export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
     constructor(props: IScrollViewerPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4669,7 +4664,7 @@ interface ISliderPropertyGridComponentProps {
 }
 export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
     constructor(props: ISliderPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4687,7 +4682,7 @@ interface IStackPanelPropertyGridComponentProps {
 }
 export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
     constructor(props: IStackPanelPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4705,7 +4700,7 @@ interface ITextBlockPropertyGridComponentProps {
 }
 export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
     constructor(props: ITextBlockPropertyGridComponentProps);
-    render(): JSX.Element;
+
 }
 export {};
 
@@ -4737,7 +4732,7 @@ declare module BABYLON {
         private _stopUpdating;
         private _lockObject;
         constructor(props: ICommandBarComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4755,7 +4750,7 @@ declare module BABYLON {
     }
     export class CommandButtonComponent extends React.Component<ICommandButtonComponentProps> {
         constructor(props: ICommandButtonComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4783,7 +4778,7 @@ declare module BABYLON {
         activeState: string;
     }> {
         constructor(props: ICommandDropdownComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4798,7 +4793,7 @@ declare module BABYLON {
         constructor(props: IGuiListComponentProps);
         componentWillUnmount(): void;
         filterContent(filter: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4816,7 +4811,7 @@ declare module BABYLON {
         constructor(props: ILogComponentProps);
         componentDidMount(): void;
         componentDidUpdate(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4832,7 +4827,7 @@ declare module BABYLON {
         updateGridPosition(): void;
         getCellInfo(): void;
         private _changeCell;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4846,7 +4841,7 @@ declare module BABYLON {
     }
     export class ButtonPropertyGridComponent extends React.Component<IButtonPropertyGridComponentProps> {
         constructor(props: IButtonPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4859,7 +4854,7 @@ declare module BABYLON {
     }
     export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
         constructor(props: ICheckboxPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4872,7 +4867,7 @@ declare module BABYLON {
     }
     export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
         constructor(props: IColorPickerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4912,7 +4907,7 @@ declare module BABYLON {
             value: string;
             id: string;
         }[];
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4921,7 +4916,7 @@ declare module BABYLON {
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class ContainerPropertyGridComponent extends React.Component<IContainerPropertyGridComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4934,7 +4929,7 @@ declare module BABYLON {
     }
     export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
         constructor(props: IControlPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4947,7 +4942,7 @@ declare module BABYLON {
     }
     export class DisplayGridPropertyGridComponent extends React.Component<IDisplayGridPropertyGridComponentProps> {
         constructor(props: IDisplayGridPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4960,7 +4955,7 @@ declare module BABYLON {
     }
     export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
         constructor(props: IEllipsePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4987,10 +4982,10 @@ declare module BABYLON {
         private _editedColumn;
         private _rowChild;
         private _columnChild;
-        renderRows(): JSX.Element[];
+        renderRows(): import("react/jsx-runtime").JSX.Element[];
         setRowValues(): void;
         setColumnValues(): void;
-        renderColumns(): JSX.Element[];
+        renderColumns(): import("react/jsx-runtime").JSX.Element[];
         parsePercentage(value: string): number;
         isCloseTo(value: number, expected: number, epsilon?: number): boolean;
         adjustPercentages(definitions: string[], editFlags: boolean[]): string[];
@@ -4999,7 +4994,7 @@ declare module BABYLON {
         checkValue(value: string, percent: boolean): string;
         checkPercentage(value: string): boolean;
         resetValues(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5012,7 +5007,7 @@ declare module BABYLON {
     }
     export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
         constructor(props: IImageBasedSliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5032,7 +5027,7 @@ declare module BABYLON {
         toggleAnimations(on: boolean): void;
         getMaxCells(): number;
         updateCellSize(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5045,7 +5040,7 @@ declare module BABYLON {
     }
     export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
         constructor(props: IInputTextPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5059,7 +5054,7 @@ declare module BABYLON {
     export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
         constructor(props: ILinePropertyGridComponentProps);
         onDashChange(value: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5072,7 +5067,7 @@ declare module BABYLON {
     }
     export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
         constructor(props: IRadioButtonPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5085,7 +5080,7 @@ declare module BABYLON {
     }
     export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
         constructor(props: IRectanglePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5098,7 +5093,7 @@ declare module BABYLON {
     }
     export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
         constructor(props: IScrollViewerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5111,7 +5106,7 @@ declare module BABYLON {
     }
     export class SliderGenericPropertyGridComponent extends React.Component<ISliderGenericPropertyGridComponentProps> {
         constructor(props: ISliderGenericPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5122,7 +5117,7 @@ declare module BABYLON {
     }
     export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
         constructor(props: ISliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5135,7 +5130,7 @@ declare module BABYLON {
     }
     export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
         constructor(props: IStackPanelPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5148,7 +5143,7 @@ declare module BABYLON {
     }
     export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
         constructor(props: ITextBlockPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5177,16 +5172,16 @@ declare module BABYLON {
         saveToSnippetServerHelper: (content: string, adt: BABYLON.GUI.AdvancedDynamicTexture) => Promise<string>;
         saveToSnippetServer: () => Promise<void>;
         loadFromSnippet(): void;
-        renderNode(nodes: BABYLON.GUI.Control[]): JSX.Element;
+        renderNode(nodes: BABYLON.GUI.Control[]): import("react/jsx-runtime").JSX.Element;
         /**
          * returns the class name of a list of controls if they share a class, or an empty string if not
          * @param nodes the list of controls to check
          * @returns the class name of a list of controls if they share a class, or an empty string if not
          */
         getControlsCommonClassName(nodes: BABYLON.GUI.Control[]): string;
-        renderProperties(nodes: BABYLON.GUI.Control[]): JSX.Element | undefined;
+        renderProperties(nodes: BABYLON.GUI.Control[]): import("react/jsx-runtime").JSX.Element | undefined;
         renderControlIcon(nodes: BABYLON.GUI.Control[]): string;
-        render(): JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element | null;
     }
 
 
@@ -5211,7 +5206,7 @@ declare module BABYLON {
         highlight(): void;
         switchVisibility(): void;
         onRename(name: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5228,7 +5223,7 @@ declare module BABYLON {
         showPopup(): void;
         componentDidMount(): void;
         componentDidUpdate(): void;
-        render(): JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element | null;
     }
 
 
@@ -5237,7 +5232,7 @@ declare module BABYLON {
     }
     export class SceneExplorerFilterComponent extends React.Component<ISceneExplorerFilterComponentProps> {
         constructor(props: ISceneExplorerFilterComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
     interface ISceneExplorerComponentProps {
         scene?: Scene;
@@ -5270,10 +5265,10 @@ declare module BABYLON {
             found?: boolean;
         }): boolean;
         processKeys(keyEvent: React.KeyboardEvent<HTMLDivElement>): void;
-        renderContent(): JSX.Element | null;
+        renderContent(): import("react/jsx-runtime").JSX.Element | null;
         onClose(): void;
         onPopup(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5303,8 +5298,8 @@ declare module BABYLON {
             isExpanded: boolean;
         }): boolean;
         expandAll(expand: boolean): void;
-        renderContextMenu(): JSX.Element | null;
-        render(): JSX.Element;
+        renderContextMenu(): import("react/jsx-runtime").JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5323,7 +5318,7 @@ declare module BABYLON {
         constructor(props: ITreeItemLabelComponentProps);
         onClick(): void;
         onBlur(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5362,8 +5357,8 @@ declare module BABYLON {
         scrollIntoView(): void;
         componentWillUnmount(): void;
         onSelect(): void;
-        renderChildren(isExpanded: boolean, offset?: boolean): (JSX.Element | null)[] | null;
-        render(): JSX.Element | (JSX.Element | null)[] | null;
+        renderChildren(isExpanded: boolean, offset?: boolean): (import("react/jsx-runtime").JSX.Element | null)[] | null;
+        render(): import("react/jsx-runtime").JSX.Element | (import("react/jsx-runtime").JSX.Element | null)[] | null;
         dragOver(event: React.DragEvent<HTMLDivElement>): void;
         updateDragOverLocation(event: React.DragEvent<HTMLDivElement>): void;
         drop(): void;
@@ -5385,7 +5380,7 @@ declare module BABYLON {
     export class ArtBoardComponent extends React.Component<IArtBoardProps, IArtBoardState> {
         constructor(props: IArtBoardProps);
         update(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5478,11 +5473,10 @@ declare module BABYLON {
         private _updateNodeFromLocalBounds;
         private _beginDraggingScalePoint;
         private _beginRotate;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
-    /// <reference types="react" />
     interface IGizmoLineProps {
         globalState: GlobalState;
         control: BABYLON.GUI.Line;
@@ -5493,7 +5487,7 @@ declare module BABYLON {
      * @param props the properties of the gizmo
      * @returns a gizmo line
      */
-    export function GizmoLine(props: IGizmoLineProps): JSX.Element;
+    export function GizmoLine(props: IGizmoLineProps): import("react/jsx-runtime").JSX.Element;
 
 
     export enum ScalePointPosition {
@@ -5523,7 +5517,7 @@ declare module BABYLON {
         canRotate: boolean;
         allowClickOnPivot?: boolean;
     }
-    export function GizmoScalePoint(props: IGizmoScalePointProps): JSX.Element;
+    export function GizmoScalePoint(props: IGizmoScalePointProps): import("react/jsx-runtime").JSX.Element;
 
 
     export interface IGizmoWrapperProps {
@@ -5533,7 +5527,7 @@ declare module BABYLON {
         observer: Nullable<Observer<void>>;
         componentWillMount(): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5647,7 +5641,7 @@ declare module BABYLON {
         zoomDrag(event: React.MouseEvent): void;
         zooming(delta: number): void;
         zeroIfClose(vec: Vector3): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5893,14 +5887,14 @@ declare module BABYLON {
         createPopupWindow: (title: string, windowVariableName: string, width?: number, height?: number) => Window | null;
         copyStyles: (sourceDoc: HTMLDocument, targetDoc: HTMLDocument) => void;
         switchExpandedState(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
         onCreate(value: string): BABYLON.GUI.Control;
-        createBlackLine(): JSX.Element;
+        createBlackLine(): import("react/jsx-runtime").JSX.Element;
         createToolbarHelper(ct: {
             className: string;
             icon: string;
-        }[]): JSX.Element[];
-        createToolbar(): JSX.Element;
+        }[]): import("react/jsx-runtime").JSX.Element[];
+        createToolbar(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5921,7 +5915,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateValue(valueString: string): void;
         lock(): void;
         unlock(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5968,7 +5962,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _evaluateHue;
         componentDidUpdate(): void;
         raiseOnColorChanged(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -5994,7 +5988,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         lock(): void;
         unlock(): void;
         updateHexValue(valueString: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -6067,7 +6061,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         activeState: string;
     }> {
         constructor(props: ICommandDropdownComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -6120,7 +6114,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateValue(valueString: string): void;
         lock(): void;
         unlock(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -6168,7 +6162,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _evaluateHue;
         componentDidUpdate(): void;
         raiseOnColorChanged(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -6194,7 +6188,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         lock(): void;
         unlock(): void;
         updateHexValue(valueString: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -6686,7 +6680,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         copyToClipboard(): void;
         private _convertToColor;
         private _toColor3;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -6723,7 +6717,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         }>): string;
         componentDidUpdate(): void;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -6746,7 +6740,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _uploadInputRef;
         constructor(props: IFileButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -6782,7 +6776,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onBlur(): void;
         incrementValue(amount: number): void;
         onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -6792,8 +6786,7 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        /// <reference types="react" />
-    /**
+        /**
      * This components represents an options menu with optional
      * customizable properties. Option IDs should be unique.
      */
@@ -6811,7 +6804,7 @@ declare module BABYLON.GuiEditor.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;
 
 
 
@@ -7096,7 +7089,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export const NodeRenderer: (props: INodeRendererProps) => JSX.Element;
+    export const NodeRenderer: (props: INodeRendererProps) => import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -7118,8 +7111,7 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        /// <reference types="react" />
-    export interface ITextInputProps {
+        export interface ITextInputProps {
         label?: string;
         placeholder?: string;
         submitValue: (newValue: string) => void;
@@ -7131,7 +7123,7 @@ declare module BABYLON.GuiEditor.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;
 
 
 
@@ -7164,7 +7156,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
         constructor(props: IBooleanLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7183,7 +7175,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
         constructor(props: IButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7223,7 +7215,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
             isConflict: boolean;
         }): boolean;
         onChange(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7245,7 +7237,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onChange?: () => void;
     }
     export class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7267,7 +7259,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7309,7 +7301,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         copyToClipboard(): void;
         private _convertToColor;
         private _toColor3;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7344,7 +7336,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         }>): string;
         componentDidUpdate(): void;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7360,7 +7352,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
         constructor(props: IButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7383,7 +7375,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _uploadInputRef;
         constructor(props: IFileButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7406,7 +7398,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _uploadInputRef;
         constructor(props: IFileMultipleButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7460,7 +7452,7 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -7503,7 +7495,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateValue(valueString: string, raisePropertyChanged: boolean): void;
         lock(): void;
         unlock(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7521,7 +7513,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
         constructor(props: IIconButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7536,7 +7528,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         label?: string;
     }
     export class IconComponent extends React.Component<IIconComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7557,8 +7549,8 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -7577,7 +7569,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _drag;
         private _releaseListener;
         private _lockChangeListener;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7611,9 +7603,9 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -7634,7 +7626,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
         constructor(props: ILinkButtonComponentProps);
         onLink(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7671,7 +7663,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateMatrix(): void;
         updateRow(value: Vector4, row: number): void;
         updateBasedOnMode(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7688,7 +7680,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
         constructor(props: IMessageLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7724,7 +7716,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onBlur(): void;
         incrementValue(amount: number): void;
         onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7765,7 +7757,7 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -7803,7 +7795,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         componentDidMount(): void;
         componentWillUnmount(): void;
         onChange(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7843,7 +7835,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onChange(newValueString: any): void;
         onInput(newValueString: any): void;
         prepareDataToRead(value: number): number;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -7914,7 +7906,7 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -7940,8 +7932,8 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -7951,13 +7943,12 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.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;
 
 
 
@@ -7977,7 +7968,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ValueLineComponent extends React.Component<IValueLineComponentProps> {
         constructor(props: IValueLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -8015,7 +8006,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         raiseOnPropertyChanged(previousValue: Vector2): void;
         updateStateX(value: number): void;
         updateStateY(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -8058,7 +8049,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateStateX(value: number): void;
         updateStateY(value: number): void;
         updateStateZ(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -8102,7 +8093,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateStateY(value: number): void;
         updateStateZ(value: number): void;
         updateStateW(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -8257,7 +8248,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         processEditorData(editorData: BABYLON.GuiEditor.SharedUIComponents.IEditorData): void;
         reOrganize(editorData?: Nullable<BABYLON.GuiEditor.SharedUIComponents.IEditorData>, isImportingAFrame?: boolean): void;
         addFrame(frameData: BABYLON.GuiEditor.SharedUIComponents.IFrameData): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -8770,7 +8761,7 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -9028,11 +9019,10 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
-        component: (props: => JSX.Element;
+        var _default: {
+        component: (props: JSX.Element;
     };
-    const RenderComponent: (args: any) => JSX.Element;
+    const RenderComponent: (args: any) => import("react/jsx-runtime").JSX.Element;
     export var Default: StoryObj<typeof RenderComponent>;
     export var WithCustomOptions: StoryObj<typeof RenderComponent>;
     export var WithValidation: StoryObj<typeof RenderComponent>;
@@ -9100,7 +9090,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
         constructor(props: ICheckboxPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9117,7 +9107,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
         constructor(props: IColorPickerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9135,8 +9125,8 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -9153,7 +9143,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
         constructor(props: IControlPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9170,7 +9160,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
         constructor(props: IEllipsePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9187,9 +9177,9 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -9206,7 +9196,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
         constructor(props: IImageBasedSliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9223,7 +9213,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
         constructor(props: IImagePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9240,7 +9230,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
         constructor(props: IInputTextPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9258,7 +9248,7 @@ declare module BABYLON.GuiEditor.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;
     }
 
 
@@ -9275,7 +9265,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
         constructor(props: IRadioButtonPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9292,7 +9282,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
         constructor(props: IRectanglePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9309,7 +9299,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
         constructor(props: IScrollViewerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9326,7 +9316,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
         constructor(props: ISliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9343,7 +9333,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
         constructor(props: IStackPanelPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -9360,7 +9350,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
         constructor(props: ITextBlockPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }