update institution scenario

[skorphil]

When value inside Institution differs from defaultValues, the label should appear on the InstitutionTab.

---

Probably can be achieved with built-in use-hook-form features like dirty state

[skorphil]

• [ ] removing or adding field make all pars of form dirty.

institutions: [
   {
      name:"City Bank",
      assets: [
        {1}
        {2}
      ]
   },
{
      name:"Bank of America",
      assets: [
        {1}
        {2} // removing or adding asset will result in all `institutions.X` being dirty
      ]
   }
]

however, all individual fields inside institutions.X are not dirty (when checked with dirtyFields)

[skorphil]

https://www.reddit.com/r/react/comments/1ax7bf4/usehookform_how_to_get_dirty_state_of_part_of/

It is not possible to just iterate thru dirtyFields because this way it will not check if fields being added deleted

I'm stuck

[skorphil]

Well, seems like it is possible to solve this by deep comparison of getValues(institutions[x]) and defaultValues(institutions[x])

• https://react-hook-form.com/docs/useform/formstate#:~:text=has%20interacted%20with.-,defaultValues,-object
• https://react-hook-form.com/docs/useform/getvalues

[skorphil]

Finally, implement this scenario by comparing defaultValues and current Values

const institutionDefaultValues =
      formState.defaultValues.institutions[
        getInstitutionIndex(institutionName)
      ];
    const institutionCurrentValues = getValues(institutionName);
    const isChanged =
      JSON.stringify(institutionDefaultValues) !==
      JSON.stringify(institutionCurrentValues);

[skorphil]

Prob the problem can be fixed by replacing numbers with a strings https://discord.com/channels/754891658327359538/1215263704233414727