Get type of form data after validation.

[buoyant tiger]

Is it possible to get the values of a validated form data?

For example:

const form = useForm({
  mode: 'uncontrolled',
  
  initialValues: {
    name: data.name ?? '',
    age: data.email ?? 0,
    countryId: data.countryId ?? null,
  },
  validate: {
      name: isNotEmpty('Name is required'),
      age: isInRange({ min: 18 }, 'You must be at least 18 to register'),
      countryId: isNotEmpty('Country is required'),
  }
});

In this case, type FormValues = typeof form.values; will give out

{
  name: string;
  age: number;
  countryId: string | null;
}

I need countryId to be a string only since validating it with isNotEmpty will prevent having an initial null.

[calm cairn]

It is done with transform values – https://mantine.dev/form/values/#transformvalues

[buoyant tiger]

That will apply without using transformValues?

I guess what I meant is, how do I transform that?

[calm cairn]

transformValues: (values) => ({ countryId: values.countryId! })

[buoyant tiger]

Damn, thanks. Could we have some sort of ValidatedValues in the future?

[calm cairn]

How is that different from transform values?

[buoyant tiger]

So I don't have to do transformValues: (values) => ({ countryId: values.countryId! }) and immediately have the types of my data result after validate?

[calm cairn]

Form validate does not have enough type information to determine the final values type without transformValues function