Update @toolpad/core to React 19 #4499

Activity

1. prakhargupta1

   added this to Toolpad public roadmapon Nov 4, 2024
2. bharatkashyap

   converted this from a draft issue on Dec 2, 2024
3. bharatkashyap

   added

   internalBehind-the-scenes enhancement. Formerly called “core”.Behind-the-scenes enhancement. Formerly called “core”.

   on Dec 2, 2024
4. jy95 commented on Dec 7, 2024

   

   jy95

   on Dec 7, 2024

   More actions

   +1
5. kirill-konshin commented on Dec 29, 2024

   

   kirill-konshin

   on Dec 29, 2024

   Last edited by kirill-konshin

   More actions

   At the very least the return from useActionState should be compatible with signIn prop of SignInPage:

   const [whatever, action, isPending] = useActionState(
     async (_, formData) => {
       // logic
     },
     {},
   );
   
   // this one works but emits error in console
   <SignInPage signIn={(provider, formData) => action(formData)} />
   
   // this one results in full screen error
   <SignInPage signIn={action} />

   Error: An async function was passed to useActionState, but it was dispatched outside of an action context. This is likely not what you intended. Either pass the dispatch function to an action prop, or dispatch manually inside startTransition
6. suren-atoyan commented on Jan 3, 2025

   

   suren-atoyan

   on Jan 3, 2025

   More actions

   @oliviertassinari any plans on this?
7. bharatkashyap commented on Jan 3, 2025

   

   bharatkashyap

   on Jan 3, 2025

   CollaboratorAuthor

   More actions

   At the very least the return from useActionState should be compatible with signIn prop of SignInPage:

   const [whatever, action, isPending] = useActionState(
     async (_, formData) => {
       // logic
     },
     {},
   );
   
   // this one works but emits error in console
   <SignInPage signIn={(provider, formData) => action(formData)} />
   
   // this one results in full screen error
   <SignInPage signIn={action} />

   Error: An async function was passed to useActionState, but it was dispatched outside of an action context. This is likely not what you intended. Either pass the dispatch function to an action prop, or dispatch manually inside startTransition

   @oliviertassinari any plans on this?

   Supporting useActionState, useFormStatus and other form related React 19 hooks is planned after the React 19 upgrade PR (#4488) is merged and released next week
8. oliviertassinari

   added

   integration: react 19About improving React 19 support.About improving React 19 support.

   on Jan 3, 2025
9. bharatkashyap

   closed this as completedin #4488on Jan 10, 2025
10. github-project-automation

    moved this from In progress to Completed in Toolpad public roadmapon Jan 10, 2025
11. github-actions commented on Jan 10, 2025

    

    github-actionsBot

    on Jan 10, 2025 – with GitHub Actions

    More actions

    This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
    Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.