Update @toolpad/core to React 19

[bharatkashyap]

No description provided.

[jy95]

+1

[kirill-konshin]

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

[suren-atoyan]

@oliviertassinari any plans on this?

[bharatkashyap]

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

[github-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.