initialValues of createFormStore should accept undefined if exactOptionalPropertyTypes is enabled

[Huliiiiii]

if exactOptionalPropertyTypes is enabled, initialValues won't accept undefined but accpet {}

[fabian-hiller]

Can you send me a Modular Forms code example with more details?

[Huliiiiii]

https://www.typescriptlang.org/tsconfig/#exactOptionalPropertyTypes

export type FormOptions<TFieldValues extends FieldValues> = Partial<{
    initialValues: PartialValues<TFieldValues>;
    validateOn: ValidationMode;
    revalidateOn: ValidationMode;
    validate: ValidateForm<TFieldValues>;
}>;

[fabian-hiller]

Why is this a problem? Instead of undefined you can just not define any initialValues or am I missing something?

[Huliiiiii]

It can't accept a variable that might be undefined, although I can add ?? {} after it.

const schema = v.object({
	name: v.string()
})
const formStore = createFormStore<v.InferInput<typeof schema>>({
	validate: valiForm(schema),
	initialValues: (() => (Math.random() > 0.5 ? undefined : { name: "str" }))(),
})
/** 
Argument of type '{ validate: ValidateForm<{ name: string; }>; initialValues: { name: string; } | undefined; }' is not assignable to parameter of type 'Partial<{ initialValues: { name?: Maybe<string>; }; validateOn: ValidationMode; revalidateOn: ValidationMode; validate: ValidateForm<{ name: string; }>; }>' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the types of the target's properties.
  Types of property 'initialValues' are incompatible.
    Type '{ name: string; } | undefined' is not assignable to type '{ name?: Maybe<string>; }'.
      Type 'undefined' is not assignable to type '{ name?: Maybe<string>; }'.
*/

But it's just repeating what you've done in the code.

function createFormStore({
  initialValues = {},
  validateOn = 'submit',
  revalidateOn = 'input',
  validate
} = {})

[fabian-hiller]

I understand and agree that we should improve this for a better DX. In the meantime, I hope the workaround works for you.