How to setup touched fields by default on initialisation?

[alexandrzavalii]

I would like to be able to set some fields to be touched from the start (on initialisation).

The use case for it is the edit form which pre-populates with user inputed data.

I tried something like this but it fails with the error. Cannot read properties of undefined (reading 'nameInput') formState.errors.nameInput

  const touchedFieldsByDefault = {
    nameInput: true;
  };
  
return (
    <FormProvider {...methods} formState={{ ...methods.formState, touchedFields: touchedFieldsByDefault }}>
     </FormProvider>
  )