-
Notifications
You must be signed in to change notification settings - Fork 13.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
bug: IonAlert and IonLoading components not open with react v18 and using createRoot #25247
Comments
Thanks for reporting this issue & providing a reproduction! I am seeing the same issue. We will track this as a bug. Will need to do some exploration into the React 18 changes on my end. |
I just found out that the component |
Hello @SimonGolms can you test with this dev build and let me know if the problem persists?
The new behaviors for strict mode in development mode uncovered a flaw in our controller component that it could not be unmounted and re-mounted multiple times. |
@sean-perkins I could not reproduce the problem in my local repo and the stackblitz examples - thanks! |
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. |
Prerequisites
Ionic Framework Version
Current Behavior
Upgraded application use to ionic v6 and react v18 and followed the official upgrade guide to react v18:
After updating to client renderings, the
<IonAlert />
component do not open/render anymore.Expected Behavior
Expect
<IonAlert />
component to open/renderSteps to Reproduce
Following the Stackblitz example:
Show Alert Hook
to open the alert modal viauseIonAlert
-> Alert modal openShow Alert Component
to open the alert modal as a component -> Alert modal not openindex.js
file and switch the comments block to useReactDOM.render()
Show Alert Component
to open the alert modal as a component -> Alert modal openCode Reproduction URL
https://stackblitz.com/edit/react-1udk9j-3drnwb?file=index.js
Ionic Info
Additional Information
Same bug as #25118 but with a code example
The text was updated successfully, but these errors were encountered: