@ionic/react 8.8.4-dev.11775852701.1bbb2b3e → 8.8.4-dev.11776184632.103b8351

package/dist/types/components/IonActionSheet.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonActionSheet: import("react").ForwardRefExoticComponent<JSX.IonActionSheet & Omit<import("react").HTMLAttributes<HTMLIonActionSheetElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonActionSheetElement>>;
+export declare const IonActionSheet: import("react").ForwardRefExoticComponent<JSX.IonActionSheet & Omit<import("react").HTMLAttributes<HTMLIonActionSheetElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonActionSheetElement>>;

package/dist/types/components/IonAlert.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonAlert: import("react").ForwardRefExoticComponent<JSX.IonAlert & Omit<import("react").HTMLAttributes<HTMLIonAlertElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonAlertElement>>;
+export declare const IonAlert: import("react").ForwardRefExoticComponent<JSX.IonAlert & Omit<import("react").HTMLAttributes<HTMLIonAlertElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonAlertElement>>;

package/dist/types/components/IonIcon.d.ts

@@ -12,5 +12,5 @@ interface IonIconProps {
     size?: string;
     src?: string;
 }
-export declare const IonIcon: React.ForwardRefExoticComponent<IonIconProps & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonIconElement>, "style"> & React.RefAttributes<HTMLIonIconElement>>;
+export declare const IonIcon: React.ForwardRefExoticComponent<IonIconProps & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonIconElement>, "style" | "placeholder"> & React.RefAttributes<HTMLIonIconElement>>;
 export {};

package/dist/types/components/IonLoading.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonLoading: import("react").ForwardRefExoticComponent<JSX.IonLoading & Omit<import("react").HTMLAttributes<HTMLIonLoadingElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonLoadingElement>>;
+export declare const IonLoading: import("react").ForwardRefExoticComponent<JSX.IonLoading & Omit<import("react").HTMLAttributes<HTMLIonLoadingElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonLoadingElement>>;

package/dist/types/components/IonModal.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonModal: import("react").ForwardRefExoticComponent<JSX.IonModal & Omit<import("react").HTMLAttributes<HTMLIonModalElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonModalElement>>;
+export declare const IonModal: import("react").ForwardRefExoticComponent<JSX.IonModal & Omit<import("react").HTMLAttributes<HTMLIonModalElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonModalElement>>;

package/dist/types/components/IonPage.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { IonicReactProps } from './IonicReactProps';
-export declare const IonPage: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<unknown>, "style"> & IonicReactProps & React.RefAttributes<unknown>>;
+export declare const IonPage: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<unknown>, "style" | "placeholder"> & IonicReactProps & React.RefAttributes<unknown>>;

package/dist/types/components/IonPickerLegacy.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonPickerLegacy: import("react").ForwardRefExoticComponent<JSX.IonPickerLegacy & Omit<import("react").HTMLAttributes<HTMLIonPickerLegacyElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPickerLegacyElement>>;
+export declare const IonPickerLegacy: import("react").ForwardRefExoticComponent<JSX.IonPickerLegacy & Omit<import("react").HTMLAttributes<HTMLIonPickerLegacyElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPickerLegacyElement>>;

package/dist/types/components/IonPopover.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonPopover: import("react").ForwardRefExoticComponent<JSX.IonPopover & Omit<import("react").HTMLAttributes<HTMLIonPopoverElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPopoverElement>>;
+export declare const IonPopover: import("react").ForwardRefExoticComponent<JSX.IonPopover & Omit<import("react").HTMLAttributes<HTMLIonPopoverElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPopoverElement>>;

package/dist/types/components/IonRouterOutlet.d.ts

@@ -1,8 +1,8 @@
 import type { JSX as LocalJSX } from '@ionic/core/components';
 import React from 'react';
 import type { IonicReactProps } from './IonicReactProps';
-export declare const IonRouterOutlet: React.ForwardRefExoticComponent<Omit<import("./utils").IonicReactExternalProps<LocalJSX.IonRouterOutlet & {
+export declare const IonRouterOutlet: React.ForwardRefExoticComponent<Omit<LocalJSX.IonRouterOutlet & {
     basePath?: string;
     ref?: React.Ref<any>;
     ionPage?: boolean;
-} & IonicReactProps, HTMLIonRouterOutletElement>, "ref"> & React.RefAttributes<HTMLIonRouterOutletElement>>;
+} & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonRouterOutletElement>, "style" | "placeholder">, "ref"> & React.RefAttributes<HTMLIonRouterOutletElement>>;

package/dist/types/components/IonToast.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonToast: import("react").ForwardRefExoticComponent<JSX.IonToast & Omit<import("react").HTMLAttributes<HTMLIonToastElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonToastElement>>;
+export declare const IonToast: import("react").ForwardRefExoticComponent<JSX.IonToast & Omit<import("react").HTMLAttributes<HTMLIonToastElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonToastElement>>;

package/dist/types/components/createInlineOverlayComponent.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const createInlineOverlayComponent: <PropType, ElementType>(tagName: string, defineCustomElement?: () => void, hasDelegateHost?: boolean) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").IonicReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const createInlineOverlayComponent: <PropType, ElementType>(tagName: string, defineCustomElement?: () => void, hasDelegateHost?: boolean) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps> & React.RefAttributes<ElementType>>;

package/dist/types/components/createRoutingComponent.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const createRoutingComponent: <PropType, ElementType>(tagName: string, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").IonicReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const createRoutingComponent: <PropType, ElementType>(tagName: string, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps> & React.RefAttributes<ElementType>>;

package/dist/types/components/index.d.ts

@@ -1,6 +1,6 @@
 import type { IonicConfig } from '@ionic/core/components';
 export { createAnimation, createGesture, iosTransitionAnimation, mdTransitionAnimation, IonicSlides, getTimeGivenProgression, getIonPageElement, openURL, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, Gesture, GestureConfig, GestureDetail, NavComponentWithProps, SpinnerTypes, AccordionGroupCustomEvent, AccordionGroupChangeEventDetail, BreadcrumbCustomEvent, BreadcrumbCollapsedClickEventDetail, ActionSheetOptions, ActionSheetButton, AlertOptions, AlertInput, AlertButton, BackButtonEvent, CheckboxCustomEvent, CheckboxChangeEventDetail, DatetimeCustomEvent, DatetimeChangeEventDetail, InfiniteScrollCustomEvent, InputCustomEvent, InputChangeEventDetail, InputInputEventDetail, InputOtpCustomEvent, InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpInputEventDetail, ItemReorderEventDetail, ItemReorderCustomEvent, ItemSlidingCustomEvent, IonicSafeString, LoadingOptions, MenuCustomEvent, ModalDragEventDetail, ModalOptions, NavCustomEvent, PickerOptions, PickerButton, PickerColumn, PickerColumnOption, PopoverOptions, RadioGroupCustomEvent, RadioGroupChangeEventDetail, RangeCustomEvent, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, RefresherCustomEvent, RefresherEventDetail, ReorderMoveCustomEvent, ReorderMoveEventDetail, ReorderEndCustomEvent, ReorderEndEventDetail, RouterEventDetail, RouterCustomEvent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollDetail, ScrollCustomEvent, SearchbarCustomEvent, SearchbarChangeEventDetail, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastOptions, ToastButton, ToastLayout, ToggleChangeEventDetail, ToggleCustomEvent, TransitionOptions, } from '@ionic/core/components';
-export * from './components';
+export * from './proxies';
 export * from './routing-proxies';
 export { IonAlert } from './IonAlert';
 export { IonLoading } from './IonLoading';

package/dist/types/components/navigation/IonNav.d.ts

@@ -2,5 +2,4 @@ import type { JSX } from '@ionic/core/components';
 import React from 'react';
 export declare const IonNav: React.ForwardRefExoticComponent<JSX.IonNav & {
     forwardedRef?: React.ForwardedRef<HTMLIonNavElement>;
-    children?: React.ReactNode;
-} & Omit<React.HTMLAttributes<HTMLIonNavElement>, "style"> & import("../IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonNavElement>>;
+} & Omit<React.HTMLAttributes<HTMLIonNavElement>, "style" | "placeholder"> & import("../IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonNavElement>>;

package/dist/types/components/navigation/IonTabBar.d.ts

@@ -12,4 +12,4 @@ export declare const IonTabBar: React.ForwardRefExoticComponent<LocalJSX.IonTabB
     style?: {
         [key: string]: string;
     };
-} & Omit<React.HTMLAttributes<HTMLIonTabBarElement>, "style"> & React.RefAttributes<HTMLIonTabBarElement>>;
+} & Omit<React.HTMLAttributes<HTMLIonTabBarElement>, "style" | "placeholder"> & React.RefAttributes<HTMLIonTabBarElement>>;

package/dist/types/components/navigation/IonTabs.d.ts

@@ -16,9 +16,10 @@ declare module 'react' {
         'ion-tabs': IonTabsProps;
     }
 }
+type ChildFunction = (ionTabContext: IonTabsContextState) => React.ReactNode;
 interface Props extends LocalJSX.IonTabs {
     className?: string;
-    children: React.ReactNode;
+    children: ChildFunction | React.ReactNode;
     onIonTabsWillChange?: (event: CustomEvent<{
         tab: string;
     }>) => void;

package/dist/types/components/proxies.d.ts

@@ -0,0 +1,74 @@
+import type { JSX } from '@ionic/core/components';
+export declare const IonAccordion: import("react").ForwardRefExoticComponent<JSX.IonAccordion & Omit<import("react").HTMLAttributes<HTMLIonAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAccordionElement>>;
+export declare const IonAccordionGroup: import("react").ForwardRefExoticComponent<JSX.IonAccordionGroup & Omit<import("react").HTMLAttributes<HTMLIonAccordionGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAccordionGroupElement>>;
+export declare const IonAvatar: import("react").ForwardRefExoticComponent<JSX.IonAvatar & Omit<import("react").HTMLAttributes<HTMLIonAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAvatarElement>>;
+export declare const IonBackdrop: import("react").ForwardRefExoticComponent<JSX.IonBackdrop & Omit<import("react").HTMLAttributes<HTMLIonBackdropElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBackdropElement>>;
+export declare const IonBadge: import("react").ForwardRefExoticComponent<JSX.IonBadge & Omit<import("react").HTMLAttributes<HTMLIonBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBadgeElement>>;
+export declare const IonBreadcrumbs: import("react").ForwardRefExoticComponent<JSX.IonBreadcrumbs & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBreadcrumbsElement>>;
+export declare const IonButtons: import("react").ForwardRefExoticComponent<JSX.IonButtons & Omit<import("react").HTMLAttributes<HTMLIonButtonsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonButtonsElement>>;
+export declare const IonCardContent: import("react").ForwardRefExoticComponent<JSX.IonCardContent & Omit<import("react").HTMLAttributes<HTMLIonCardContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardContentElement>>;
+export declare const IonCardHeader: import("react").ForwardRefExoticComponent<JSX.IonCardHeader & Omit<import("react").HTMLAttributes<HTMLIonCardHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardHeaderElement>>;
+export declare const IonCardSubtitle: import("react").ForwardRefExoticComponent<JSX.IonCardSubtitle & Omit<import("react").HTMLAttributes<HTMLIonCardSubtitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardSubtitleElement>>;
+export declare const IonCardTitle: import("react").ForwardRefExoticComponent<JSX.IonCardTitle & Omit<import("react").HTMLAttributes<HTMLIonCardTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardTitleElement>>;
+export declare const IonCheckbox: import("react").ForwardRefExoticComponent<JSX.IonCheckbox & Omit<import("react").HTMLAttributes<HTMLIonCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCheckboxElement>>;
+export declare const IonChip: import("react").ForwardRefExoticComponent<JSX.IonChip & Omit<import("react").HTMLAttributes<HTMLIonChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonChipElement>>;
+export declare const IonCol: import("react").ForwardRefExoticComponent<JSX.IonCol & Omit<import("react").HTMLAttributes<HTMLIonColElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonColElement>>;
+export declare const IonContent: import("react").ForwardRefExoticComponent<JSX.IonContent & Omit<import("react").HTMLAttributes<HTMLIonContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonContentElement>>;
+export declare const IonDatetime: import("react").ForwardRefExoticComponent<JSX.IonDatetime & Omit<import("react").HTMLAttributes<HTMLIonDatetimeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDatetimeElement>>;
+export declare const IonDatetimeButton: import("react").ForwardRefExoticComponent<JSX.IonDatetimeButton & Omit<import("react").HTMLAttributes<HTMLIonDatetimeButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDatetimeButtonElement>>;
+export declare const IonDivider: import("react").ForwardRefExoticComponent<JSX.IonDivider & Omit<import("react").HTMLAttributes<HTMLIonDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDividerElement>>;
+export declare const IonFab: import("react").ForwardRefExoticComponent<JSX.IonFab & Omit<import("react").HTMLAttributes<HTMLIonFabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFabElement>>;
+export declare const IonFabList: import("react").ForwardRefExoticComponent<JSX.IonFabList & Omit<import("react").HTMLAttributes<HTMLIonFabListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFabListElement>>;
+export declare const IonFooter: import("react").ForwardRefExoticComponent<JSX.IonFooter & Omit<import("react").HTMLAttributes<HTMLIonFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>>;
+export declare const IonGrid: import("react").ForwardRefExoticComponent<JSX.IonGrid & Omit<import("react").HTMLAttributes<HTMLIonGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonGridElement>>;
+export declare const IonHeader: import("react").ForwardRefExoticComponent<JSX.IonHeader & Omit<import("react").HTMLAttributes<HTMLIonHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonHeaderElement>>;
+export declare const IonImg: import("react").ForwardRefExoticComponent<JSX.IonImg & Omit<import("react").HTMLAttributes<HTMLIonImgElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonImgElement>>;
+export declare const IonInfiniteScroll: import("react").ForwardRefExoticComponent<JSX.IonInfiniteScroll & Omit<import("react").HTMLAttributes<HTMLIonInfiniteScrollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInfiniteScrollElement>>;
+export declare const IonInfiniteScrollContent: import("react").ForwardRefExoticComponent<JSX.IonInfiniteScrollContent & Omit<import("react").HTMLAttributes<HTMLIonInfiniteScrollContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInfiniteScrollContentElement>>;
+export declare const IonInput: import("react").ForwardRefExoticComponent<JSX.IonInput & Omit<import("react").HTMLAttributes<HTMLIonInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInputElement>>;
+export declare const IonInputOtp: import("react").ForwardRefExoticComponent<JSX.IonInputOtp & Omit<import("react").HTMLAttributes<HTMLIonInputOtpElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInputOtpElement>>;
+export declare const IonInputPasswordToggle: import("react").ForwardRefExoticComponent<JSX.IonInputPasswordToggle & Omit<import("react").HTMLAttributes<HTMLIonInputPasswordToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInputPasswordToggleElement>>;
+export declare const IonItemDivider: import("react").ForwardRefExoticComponent<JSX.IonItemDivider & Omit<import("react").HTMLAttributes<HTMLIonItemDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemDividerElement>>;
+export declare const IonItemGroup: import("react").ForwardRefExoticComponent<JSX.IonItemGroup & Omit<import("react").HTMLAttributes<HTMLIonItemGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemGroupElement>>;
+export declare const IonItemOptions: import("react").ForwardRefExoticComponent<JSX.IonItemOptions & Omit<import("react").HTMLAttributes<HTMLIonItemOptionsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemOptionsElement>>;
+export declare const IonItemSliding: import("react").ForwardRefExoticComponent<JSX.IonItemSliding & Omit<import("react").HTMLAttributes<HTMLIonItemSlidingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemSlidingElement>>;
+export declare const IonLabel: import("react").ForwardRefExoticComponent<JSX.IonLabel & Omit<import("react").HTMLAttributes<HTMLIonLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonLabelElement>>;
+export declare const IonList: import("react").ForwardRefExoticComponent<JSX.IonList & Omit<import("react").HTMLAttributes<HTMLIonListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonListElement>>;
+export declare const IonListHeader: import("react").ForwardRefExoticComponent<JSX.IonListHeader & Omit<import("react").HTMLAttributes<HTMLIonListHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonListHeaderElement>>;
+export declare const IonMenu: import("react").ForwardRefExoticComponent<JSX.IonMenu & Omit<import("react").HTMLAttributes<HTMLIonMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonMenuElement>>;
+export declare const IonMenuButton: import("react").ForwardRefExoticComponent<JSX.IonMenuButton & Omit<import("react").HTMLAttributes<HTMLIonMenuButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonMenuButtonElement>>;
+export declare const IonMenuToggle: import("react").ForwardRefExoticComponent<JSX.IonMenuToggle & Omit<import("react").HTMLAttributes<HTMLIonMenuToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonMenuToggleElement>>;
+export declare const IonNav: import("react").ForwardRefExoticComponent<JSX.IonNav & Omit<import("react").HTMLAttributes<HTMLIonNavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavElement>>;
+export declare const IonNavLink: import("react").ForwardRefExoticComponent<JSX.IonNavLink & Omit<import("react").HTMLAttributes<HTMLIonNavLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavLinkElement>>;
+export declare const IonNote: import("react").ForwardRefExoticComponent<JSX.IonNote & Omit<import("react").HTMLAttributes<HTMLIonNoteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNoteElement>>;
+export declare const IonPicker: import("react").ForwardRefExoticComponent<JSX.IonPicker & Omit<import("react").HTMLAttributes<HTMLIonPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerElement>>;
+export declare const IonPickerColumn: import("react").ForwardRefExoticComponent<JSX.IonPickerColumn & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnElement>>;
+export declare const IonPickerColumnOption: import("react").ForwardRefExoticComponent<JSX.IonPickerColumnOption & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnOptionElement>>;
+export declare const IonProgressBar: import("react").ForwardRefExoticComponent<JSX.IonProgressBar & Omit<import("react").HTMLAttributes<HTMLIonProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonProgressBarElement>>;
+export declare const IonRadio: import("react").ForwardRefExoticComponent<JSX.IonRadio & Omit<import("react").HTMLAttributes<HTMLIonRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioElement>>;
+export declare const IonRadioGroup: import("react").ForwardRefExoticComponent<JSX.IonRadioGroup & Omit<import("react").HTMLAttributes<HTMLIonRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioGroupElement>>;
+export declare const IonRange: import("react").ForwardRefExoticComponent<JSX.IonRange & Omit<import("react").HTMLAttributes<HTMLIonRangeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRangeElement>>;
+export declare const IonRefresher: import("react").ForwardRefExoticComponent<JSX.IonRefresher & Omit<import("react").HTMLAttributes<HTMLIonRefresherElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRefresherElement>>;
+export declare const IonRefresherContent: import("react").ForwardRefExoticComponent<JSX.IonRefresherContent & Omit<import("react").HTMLAttributes<HTMLIonRefresherContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRefresherContentElement>>;
+export declare const IonReorder: import("react").ForwardRefExoticComponent<JSX.IonReorder & Omit<import("react").HTMLAttributes<HTMLIonReorderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonReorderElement>>;
+export declare const IonReorderGroup: import("react").ForwardRefExoticComponent<JSX.IonReorderGroup & Omit<import("react").HTMLAttributes<HTMLIonReorderGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonReorderGroupElement>>;
+export declare const IonRippleEffect: import("react").ForwardRefExoticComponent<JSX.IonRippleEffect & Omit<import("react").HTMLAttributes<HTMLIonRippleEffectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRippleEffectElement>>;
+export declare const IonRow: import("react").ForwardRefExoticComponent<JSX.IonRow & Omit<import("react").HTMLAttributes<HTMLIonRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRowElement>>;
+export declare const IonSearchbar: import("react").ForwardRefExoticComponent<JSX.IonSearchbar & Omit<import("react").HTMLAttributes<HTMLIonSearchbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSearchbarElement>>;
+export declare const IonSegment: import("react").ForwardRefExoticComponent<JSX.IonSegment & Omit<import("react").HTMLAttributes<HTMLIonSegmentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentElement>>;
+export declare const IonSegmentButton: import("react").ForwardRefExoticComponent<JSX.IonSegmentButton & Omit<import("react").HTMLAttributes<HTMLIonSegmentButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentButtonElement>>;
+export declare const IonSegmentContent: import("react").ForwardRefExoticComponent<JSX.IonSegmentContent & Omit<import("react").HTMLAttributes<HTMLIonSegmentContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentContentElement>>;
+export declare const IonSegmentView: import("react").ForwardRefExoticComponent<JSX.IonSegmentView & Omit<import("react").HTMLAttributes<HTMLIonSegmentViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentViewElement>>;
+export declare const IonSelect: import("react").ForwardRefExoticComponent<JSX.IonSelect & Omit<import("react").HTMLAttributes<HTMLIonSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSelectElement>>;
+export declare const IonSelectModal: import("react").ForwardRefExoticComponent<JSX.IonSelectModal & Omit<import("react").HTMLAttributes<HTMLIonSelectModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSelectModalElement>>;
+export declare const IonSelectOption: import("react").ForwardRefExoticComponent<JSX.IonSelectOption & Omit<import("react").HTMLAttributes<HTMLIonSelectOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSelectOptionElement>>;
+export declare const IonSkeletonText: import("react").ForwardRefExoticComponent<JSX.IonSkeletonText & Omit<import("react").HTMLAttributes<HTMLIonSkeletonTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSkeletonTextElement>>;
+export declare const IonSpinner: import("react").ForwardRefExoticComponent<JSX.IonSpinner & Omit<import("react").HTMLAttributes<HTMLIonSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSpinnerElement>>;
+export declare const IonSplitPane: import("react").ForwardRefExoticComponent<JSX.IonSplitPane & Omit<import("react").HTMLAttributes<HTMLIonSplitPaneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSplitPaneElement>>;
+export declare const IonTab: import("react").ForwardRefExoticComponent<JSX.IonTab & Omit<import("react").HTMLAttributes<HTMLIonTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTabElement>>;
+export declare const IonText: import("react").ForwardRefExoticComponent<JSX.IonText & Omit<import("react").HTMLAttributes<HTMLIonTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTextElement>>;
+export declare const IonTextarea: import("react").ForwardRefExoticComponent<JSX.IonTextarea & Omit<import("react").HTMLAttributes<HTMLIonTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTextareaElement>>;
+export declare const IonThumbnail: import("react").ForwardRefExoticComponent<JSX.IonThumbnail & Omit<import("react").HTMLAttributes<HTMLIonThumbnailElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonThumbnailElement>>;
+export declare const IonTitle: import("react").ForwardRefExoticComponent<JSX.IonTitle & Omit<import("react").HTMLAttributes<HTMLIonTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTitleElement>>;
+export declare const IonToggle: import("react").ForwardRefExoticComponent<JSX.IonToggle & Omit<import("react").HTMLAttributes<HTMLIonToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToggleElement>>;
+export declare const IonToolbar: import("react").ForwardRefExoticComponent<JSX.IonToolbar & Omit<import("react").HTMLAttributes<HTMLIonToolbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>;

package/dist/types/components/react-component-lib/createComponent.d.ts

@@ -6,5 +6,5 @@ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<El
     forwardedRef: React.RefObject<ElementType>;
     ref?: React.Ref<any>;
 }
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
 export {};

package/dist/types/components/react-component-lib/utils/index.d.ts

@@ -4,7 +4,7 @@ export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<R
 export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
 export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
 export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
 export declare const defineCustomElement: (tagName: string, customElement: any) => void;
 export * from './attachProps';
 export * from './case';

package/dist/types/components/routing-proxies.d.ts

@@ -4,40 +4,40 @@ export declare const IonRouterLink: import("react").ForwardRefExoticComponent<Om
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonRouterLinkElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonRouterLinkElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonRouterLinkElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonRouterLinkElement>>;
 export declare const IonButton: import("react").ForwardRefExoticComponent<Omit<JSX.IonButton, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>>;
 export declare const IonCard: import("react").ForwardRefExoticComponent<Omit<JSX.IonCard, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonCardElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonCardElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonCardElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonCardElement>>;
 export declare const IonFabButton: import("react").ForwardRefExoticComponent<Omit<JSX.IonFabButton, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonFabButtonElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonFabButtonElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonFabButtonElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonFabButtonElement>>;
 export declare const IonItem: import("react").ForwardRefExoticComponent<Omit<JSX.IonItem, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>;
 export declare const IonItemOption: import("react").ForwardRefExoticComponent<Omit<JSX.IonItemOption, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonItemOptionElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemOptionElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonItemOptionElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemOptionElement>>;
 export declare const IonBreadcrumb: import("react").ForwardRefExoticComponent<Omit<JSX.IonBreadcrumb, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonBreadcrumbElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonBreadcrumbElement>>;

package/dist/types/components/utils/index.d.ts

@@ -1,8 +1,17 @@
 import type { Config as CoreConfig, Platforms } from '@ionic/core/components';
 import React from 'react';
 import type { IonicReactProps } from '../IonicReactProps';
-export type IonicReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & IonicReactProps;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<IonicReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export type IonicReactExternalProps<PropType, ElementType> = PropType & 
+/**
+ * TODO: FW-5753
+ *
+ * The `placeholder` property was removed from `HTMLAttributes` in @types/react@18.2.43
+ * https://github.com/DefinitelyTyped/DefinitelyTyped/commit/b954269038de46b4b2f1756a9f2f020cbc66a326
+ *
+ * This is a temporary workaround until @ionic/react is updated to >=18.2.43.
+ */
+Omit<React.HTMLAttributes<ElementType>, 'style' | 'placeholder'> & IonicReactProps;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style" | "placeholder"> & IonicReactProps> & React.RefAttributes<ElementType>>;
 export declare const isPlatform: (platform: Platforms) => boolean;
 export declare const getPlatforms: () => ("ipad" | "iphone" | "ios" | "android" | "phablet" | "tablet" | "cordova" | "capacitor" | "electron" | "pwa" | "mobile" | "mobileweb" | "desktop" | "hybrid")[];
 export declare const getConfig: () => CoreConfig | null;

package/dist/types/lifecycle/IonLifeCycleHOC.d.ts

@@ -8,7 +8,9 @@ export declare const withIonLifeCycle: (WrappedComponent: React.ComponentType<an
         render(): import("react/jsx-runtime").JSX.Element;
         setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any>;
+        readonly props: Readonly<any> & Readonly<{
+            children?: React.ReactNode | undefined;
+        }>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;

package/dist/types/routing/NavManager.d.ts

@@ -19,7 +19,6 @@ interface NavManagerProps {
     ionRoute: any;
     stackManager: any;
     locationHistory: LocationHistory;
-    children: React.ReactNode;
 }
 export declare class NavManager extends React.PureComponent<NavManagerProps, NavContextState> {
     ionRouterContextValue: IonRouterContextState;

package/dist/types/routing/OutletPageManager.d.ts

@@ -5,7 +5,6 @@ import { StackContext } from './StackContext';
 interface OutletPageManagerProps {
     className?: string;
     forwardedRef?: React.ForwardedRef<HTMLIonRouterOutletElement>;
-    children: React.ReactNode;
     routeInfo?: RouteInfo;
     StackManager: any;
 }

package/dist/types/routing/PageManager.d.ts

@@ -5,7 +5,6 @@ import { StackContext } from './StackContext';
 interface PageManagerProps {
     className?: string;
     forwardedRef?: React.ForwardedRef<HTMLDivElement>;
-    children: React.ReactNode;
     routeInfo?: RouteInfo;
 }
 export declare class PageManager extends React.PureComponent<PageManagerProps> {

package/dist/types/routing/ViewLifeCycleManager.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 interface ViewTransitionManagerProps {
     removeView: () => void;
     mount: boolean;
-    children: React.ReactNode;
 }
 interface ViewTransitionManagerState {
     show: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.8.4-dev.11775852701.1bbb2b3e",
+  "version": "8.8.4-dev.11776184632.103b8351",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -40,8 +40,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "8.8.4-dev.11775852701.1bbb2b3e",
-    "@stencil/react-output-target": "^1.5.0",
+    "@ionic/core": "8.8.4-dev.11776184632.103b8351",
     "ionicons": "^8.0.13",
     "tslib": "*"
   },
@@ -54,11 +53,12 @@
     "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-typescript": "^11.1.5",
     "@testing-library/jest-dom": "^5.11.6",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^7.0.1",
     "@types/jest": "^26.0.15",
     "@types/node": "^14.0.14",
-    "@types/react": "^18.3.28",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^17.0.79",
+    "@types/react-dom": "^17.0.25",
     "@typescript-eslint/eslint-plugin": "^5.48.2",
     "@typescript-eslint/parser": "^5.48.2",
     "eslint": "^7.32.0",
@@ -67,8 +67,8 @@
     "jest-environment-jsdom": "^29.7.0",
     "np": "^6.4.0",
     "prettier": "^2.8.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "rollup": "^4.2.0",
     "ts-jest": "^29.1.3",