Type error using .bind()

[X-Titouan]

Here is a simple server action:

'use server';

import { action } from '@/lib/safe-actions/safe-actions';
import { z } from 'zod';

const schema = z.object({
  parsed: z.string(),
});

export const myAction = action
  .metadata({
    actionName: 'myAction',
  })
  .schema(schema)
  .bindArgsSchemas<[bind: z.ZodString]>([z.string()])
  .action(async ({ bindArgsParsedInputs: [bind], parsedInput: { parsed } }) => {
    console.log('bind', bind);
    console.log('parsed', parsed);

    return;
  });

Here is how I call the server action

    const result = await myAction.bind(null, 'bind')({parsed: "parsed"});

To make it works I have to make a null argument inside the bind call. But as soon I do that, I have this typescript error:

The 'this' context of type 'SafeActionFn<string, ZodObject<{ parsed: ZodString; }, "strip", ZodTypeAny, { parsed: string; }, { parsed: string; }>, [bind: ZodString], any, any, void>' is not assignable to method's 'this' of type '(this: null, args_0: string, ...args_1: any[]) => Promise<SafeActionResult<string, ZodObject<{ parsed: ZodString; }, "strip", ZodTypeAny, { parsed: string; }, { parsed: string; }>, ... 4 more ..., unknown> | undefined>'.
  Types of parameters 'bindArgsInputs' and 'args_0' are incompatible.
    Type '[string, ...any[]]' is not assignable to type '[...bindArgsInputs: any[], input: any]'.
      Source provides no match for required element at position 1 in target.ts(2684)

Can anyone help me to find out the problem ?

Thank you !

[TheEdoRan]

Hi, can you please provide a link to a repo with a minimal reproduction of this problem, so I can take a look at this issue? Thanks!