executeFormAction type issue

[jericopulvera]

Type '((...opts: any) => Promise) | ((...opts: any) => Promise) | ((...opts: any) => Promise) | ((...opts: any) => Promise) | ((...opts: any) => Promise<...>)' is not assignable
to type 'string | ((formData: FormData) => void | Promise) | undefined'.
Type '(...opts: any) => Promise' is not assignable to type 'string | ((formData: FormData) => void | Promise) | undefined'.
Type '(...opts: any) => Promise' is not assignable to type '(formData: FormData) => void | Promise'.
Type 'Promise' is not assignable to type 'void | Promise'.
Type 'Promise' is not assignable to type 'Promise'.
Type 'null' is not assignable to type 'void'. [2322]

[IdoPesok]

Hi, can you share more code to help repro?

[nahtnam]

I have this issue as well after an update from 0.2.2 to 0.2.3

<form action={executeFormAction} className="flex w-full items-end gap-4">

const { isPending, executeFormAction, isError, error } =
    useServerAction(createOrganization);

export const createOrganization = authenticatedProcedure
  .createServerAction()
  .input(
    z.object({
      name: z.string().min(1).max(255),
    }),
    {
      type: "formData",
    },
  )
  .handler(async ({ input, ctx }) => {
    const { name } = input;

    await x.db.organization.create({
      data: {
        name,
        userId: ctx.user.id,
      },
    });

    return redirect("/onboarding");
  });

[nahtnam]

After further debugging, the issue actually happens for me when updating @types/react from 18.3.5 to 18.3.10

[seawatts]

Did you find a solve for this besides not updating the types?

[NovaisVictor]

Sorry, I for for to close the issue. It was resolver after updating the types. Thank you for help! Victor Novais Em qui., 31 de out. de 2024 às 19:40, Chris Watts ***@***.***> escreveu:

…

Did you find a solve for this besides not updating the types? — Reply to this email directly, view it on GitHub <#217 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AU5V3A7PJRVXXNKQZHP47WTZ6KWVNAVCNFSM6AAAAABO7EJYL2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDINJQHE3TCNRSGY> . You are receiving this because you commented.Message ID: ***@***.***>

[AarRidho]

It seems that since @types/[email protected], <form> action function returns void | Promise<void>.

This line should probably be Promise<void>, since <form> action and executeFormAction should not expect a null as a return value