bug: in IonRouterOutlet types does not follow the proper type documentation

[khanirrfan]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

in IonRouterOutlet types does not follow the proper type documentation, onPointerEnterCapture, onPointerLeaveCapture are included in theOmit<React.HTMLAttributes.
Before releasing the version8.x it was working fine without providing the properties in IonRouterOutlet.

Expected Behavior

It should not ask for the missing properties which are Omitted.

Steps to Reproduce

install Ionic/react 7.0.0 and Ionic/react-router 7.0.0 and Use IonRouterOutlet for routing with Private routes it won't allow with the above mentioned missing property

// onPointerEnterCapture={captureEventOnEnter} onPointerLeaveCapture={undefined}


</IonRouterOutlet

Code Reproduction URL

i do not have hosted code sample project

Ionic Info

error TS2739: Type '{ children: Element[]; }' is missing the following properties from type 'Pick<IonRouterOutlet & { basePath?: string | undefined; ref?: Ref | undefined; ionPage?: boolean | undefined; } & IonicReactProps & Omit<...>, "defaultChecked" | ... 253 more ... | "ionPage">': onPointerEnterCapture, onPointerLeaveCapture

this is the error message getting deploying

Additional Information

No response

[FranciscoKloganB]

Same issue here. I am working around with a ts-expect-error annotation, but not desirable.

[mib122]

Same issue for me

[liamdebeasi]

Thanks for the issue! This issue is being closed due to the lack of a code reproduction. As noted in the issue template, we need a runnable sample to verify this report. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!

[kenfinnigan]

I hit this same issue today.

To reproduce, create a new project with ionic start. Don't use the creation wizard. Select React framework and tabs template.

App.jsx fails TS checks on <IonRouterOutlet> because of the missing properties of onPointerEnterCapture and onPointerLeaveCapture

[nathanvick480]

Same issue here.

[paishin]

Also having the same issue with a new project using ionic + react. In my case I did use the creation wizard.

[liuwin7]

The @types/react@18.2.66 had removed the properties onPointerEnterCapture and onPointerLeaveCapture. DefinitelyTyped/DefinitelyTyped#68984
This changes can affect the IonRouterOutlet's type definition.

{
...
- onPointerEnterCapture?: PointerEventHandler<T> | undefined;
- onPointerLeaveCapture?: PointerEventHandler<T> | undefined;
+ onPointerEnterCapture: unknown
+ onPointerLeaveCapture: unknown
}

[liuwin7]

You can specify the @types/react@18.2.65 and wait for the Ionic team to fix this breaking change.

[DunhamGitHub]

Same issue here

[liamdebeasi]

Hi everyone,

We are tracking this in #29178. Unfortunately, Definitely Typed made a breaking change to the types that caused breakages in developer applications (it was classified as a bug fix, but it is causing some apps to no longer compile). We are working with the Stencil team to mitigate this.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.