bug: ts error: 'IonApp' cannot be used as a JSX component.

[skorphil]

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

v8.x

Current Behavior

import { IonApp, setupIonicReact } from "@ionic/react";
setupIonicReact();

function App() {
  return (
    <IonApp> // ts error: 'IonApp' cannot be used as a JSX component.

Expected Behavior

Ts not throwing error

Steps to Reproduce

insert <IonApp> component into your react app

Code Reproduction URL

i cant

Ionic Info

Do not have framework. Im using react components only

Additional Information

No response

[skorphil]

That's because of react 19. Not throwing errors on react 18

[iberis2]

That's because of react 19. Not throwing errors on react 18

I downgrade react and react-dom version to "^18.2.0" but still get the same errors

[skorphil]

That's because of react 19. Not throwing errors on react 18

I downgrade react and react-dom version to "^18.2.0" but still get the same errors

@iberis2 Have you downgraded react types?

[iberis2]

That's because of react 19. Not throwing errors on react 18

I downgrade react and react-dom version to "^18.2.0" but still get the same errors

@iberis2 Have you downgraded react types?

yes I also downgrade types.
but it was the pnpm cache file issues, i fix it by removing the cache using pnpm store prune pnpm install --force.
thanks!

[brandyscarney]

We've fixed some type errors with React 19 in 8.5.0. Could you try that version and let us know if you're still experiencing any issues? Thanks!

[ionitron-bot]

Thanks for the issue! This issue is being closed due to the lack of a reply. 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!