fix(react): update @types/react to v19+

[ptmkenny]

Issue number: resolves #29991

---

What is the current behavior?

React types are currently being tested against React 17, but React 19 is the current version.

What is the new behavior?

• JSX.Element must now be typed as React.JSX.Element.
• Children has been removed from @types and must be declared explicitly (this is actually a @types/react v18 change that has not been addressed: DefinitelyTyped/DefinitelyTyped@55dc209#diff-32cfd8cb197872bcba371f5018185d2e75fa540b52cda2dd7d8ac12dcc021299L500)
• Fixes the issue with overlay forwardRef caused by refs now being props by casting props as Props

Does this introduce a breaking change?

• Yes
• No

I don't think this introduces a breaking change but this needs confirmation because of the type changes.

Also, the dev dependency is react 17, which makes it tricky to test with 19.

Other information

I don't know if this is ready to go yet; I made this PR to run the tests.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ionic-framework	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 15, 2024 2:35am

[ptmkenny]

The issue that needs to be fixed:

New function components will no longer need forwardRef, and we will be publishing a codemod to automatically update your components to use the new ref prop. In future versions we will deprecate and remove forwardRef.