@ionic/react 7.8.1-nightly.20240319 → 7.8.1

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

@@ -66,6 +66,6 @@ export declare class CreateAnimation extends React.PureComponent<PropsWithChildr
     setupAnimation(props: any): void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -11,7 +11,7 @@ export declare const IonApp: {
         addOverlayCallback?: ((id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void) | undefined;
         removeOverlayCallback?: ((id: string) => void) | undefined;
         ionContext: IonContextInterface;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -10,7 +10,7 @@ interface IonRedirectState {
 }
 export declare class IonRedirect extends React.PureComponent<IonRedirectProps, IonRedirectState> {
     context: React.ContextType<typeof NavContext>;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
 }
 export {};

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

@@ -11,7 +11,7 @@ interface IonRouteState {
 }
 export declare class IonRoute extends React.PureComponent<IonRouteProps, IonRouteState> {
     context: React.ContextType<typeof NavContext>;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
 }
 export {};

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<Pick<LocalJSX.IonRouterOutlet & {
+export declare const IonRouterOutlet: React.ForwardRefExoticComponent<Omit<LocalJSX.IonRouterOutlet & {
     basePath?: string | undefined;
     ref?: React.Ref<any> | undefined;
     ionPage?: boolean | undefined;
-} & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonRouterOutletElement>, "style" | "placeholder">, "children" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof IonicReactProps | keyof LocalJSX.IonRouterOutlet | "basePath" | "ionPage"> & React.RefAttributes<HTMLIonRouterOutletElement>>;
+} & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonRouterOutletElement>, "style" | "placeholder">, "ref"> & React.RefAttributes<HTMLIonRouterOutletElement>>;

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

@@ -13,7 +13,7 @@ export declare const IonBackButton: {
     new (props: Props | Readonly<Props>): {
         context: React.ContextType<typeof NavContext>;
         clickButton: (e: React.MouseEvent) => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
@@ -39,7 +39,7 @@ export declare const IonBackButton: {
     new (props: Props, context: any): {
         context: React.ContextType<typeof NavContext>;
         clickButton: (e: React.MouseEvent) => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{

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

@@ -10,7 +10,7 @@ type Props = LocalJSX.IonTabButton & IonicReactProps & {
 export declare const IonTabButton: {
     new (props: Props): {
         handleIonTabButtonClick(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -22,7 +22,7 @@ export declare const IonTabs: {
         tabBarRef: React.RefObject<any>;
         ionTabContextState: IonTabsContextState;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{

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

@@ -5,7 +5,7 @@ export declare const withIonLifeCycle: (WrappedComponent: React.ComponentType<an
         context: React.ContextType<typeof IonLifeCycleContext>;
         componentRef: React.RefObject<any>;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<any> & Readonly<{

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

@@ -33,6 +33,6 @@ export declare class NavManager extends React.PureComponent<NavManagerProps, Nav
     getIonRedirect(): any;
     getIonRoute(): any;
     getStackManager(): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -20,7 +20,7 @@ export declare class OutletPageManager extends React.Component<OutletPageManager
     ionViewDidEnterHandler(): void;
     ionViewWillLeaveHandler(): void;
     ionViewDidLeaveHandler(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     static get contextType(): React.Context<import("./StackContext").StackContextState>;
 }
 export default OutletPageManager;

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

@@ -19,7 +19,7 @@ export declare class PageManager extends React.PureComponent<PageManagerProps> {
     ionViewDidEnterHandler(): void;
     ionViewWillLeaveHandler(): void;
     ionViewDidLeaveHandler(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     static get contextType(): React.Context<import("./StackContext").StackContextState>;
 }
 export default PageManager;

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

@@ -37,6 +37,6 @@ export declare class ViewLifeCycleManager extends React.Component<ViewTransition
     constructor(props: ViewTransitionManagerProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "7.8.1-nightly.20240319",
+  "version": "7.8.1",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "7.8.1-nightly.20240319",
+    "@ionic/core": "7.8.1",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },
@@ -52,12 +52,12 @@
     "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-typescript": "^11.1.5",
     "@testing-library/jest-dom": "^5.11.6",
-    "@testing-library/react": "^11.2.2",
+    "@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": "16.14.0",
-    "@types/react-dom": "^16.9.0",
+    "@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",
@@ -65,8 +65,8 @@
     "jest": "^26.6.3",
     "np": "^6.4.0",
     "prettier": "^2.8.3",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "rollup": "^4.2.0",
     "ts-jest": "^26.4.4",