Valibot coerceFormValue return value is v.GenericSchema

[mnlfischer]

following this implementation: https://conform.guide/api/valibot/future/coerceFormValue#example
The type of schema is v.GenericSchema, the useForm schema expects StandardSchemaV1.

Type 'GenericSchema' is not assignable to type 'StandardSchemaV1<Record<string, any>, unknown>'.
  The types of ''~standard'.types' are incompatible between these types.
    Type 'StandardTypes<unknown, unknown> | undefined' is not assignable to type 'Types<Record<string, any>, unknown> | undefined'.
      Type 'StandardTypes<unknown, unknown>' is not assignable to type 'Types<Record<string, any>, unknown>'.
        Types of property 'input' are incompatible.
          Type 'unknown' is not assignable to type 'Record<string, any>'.ts(2322)
types.d.ts(126, 5): The expected type comes from property 'schema' which is declared here on type 'FormOptions<Record<string, any>, string, unknown>'

import { parseSubmission, report, useForm } from "@conform-to/react/future";
import { coerceFormValue, formatResult } from "@conform-to/valibot/future";

const onboardingSchema = coerceFormValue(
  v.object({
    firstName: v.pipe(
      v.string("Bitte gib deinen Vornamen ein."),
      v.nonEmpty("Bitte gib deinen Vornamen ein."),
      v.minLength(2, "Der Vorname muss mindestens 2 Zeichen lang sein."),
      v.maxLength(100, "Der Vorname darf höchstens 100 Zeichen lang sein.")
    )
    ...
  })
);

  const { form, fields } = useForm({
    lastResult,
    schema: onboardingSchema, // type error
    ...
  });

Do I miss something here?

[mnlfischer]

Additional info:

When using coerceFormValue with valibot schema, the return type causes issues in the parsed result.output.

  const formData = await request.formData();
  const submission = parseSubmission(formData);
  // (property) payload: Record<string, FormValue<string | number | boolean | File | null>>
  const result = v.safeParse(requestToolSchema, submission.payload); 
  // const result: v.SafeParseResult<v.GenericSchema>

  if (!result.success) {
    return report(submission, {
      error: {
        issues: result.issues,
      },
    });
  }
  
  const { from, to } = result.output; // (property) output: unknown

[edmundhung]

Looks like the current return type of coerceFormValue is too specific. I will put up a fix tomorrow. Thanks for putting it up!