Data from top level fields with same name as nested fields is cloned

Bug, Feature, or Question?

Bug

Current Behavior

When a nested field object with same name as a root one changes, all the properties from top level field are copied to the nested field.

Example:

<Form>
  <Field name="user[name]">
  <Field name="user[lastName]">
  <Field name="nested[user][moreData]">
</Form>

Result

{
  user: {
    name: 'John',
    lastName: 'Doe'
  },
  nested: {
    user: {
      name: 'John', // is copied from root on moreData change
      lastName: 'Doe', // is copied from root field on moreData change
      moreData: 123
    }
  }
}

Desired Behavior

Data from top level fields with same name as nested fields should not be copied.

Suggested Solutions

Additional Information

I also tried with dot notation with same results.

---

• Formik Version: “^0.11.11”
• React Version: “^16.2.0”
• TypeScript Version:
• CodeSandbox Link: https://codesandbox.io/s/3vrk45xjzp
• OS: macOS Sierra 10.12.6
• Node Version: v8.4.0
• Package Manager and Version: yarn v1.3.2

[landonalder]

I am having this same issue with nested <FieldArray>s

[AxelRamiro]

It works! Thanks!