Nested numeric id causes out of memory error

[mrchief]

Are you submitting a bug report or a feature request?

bug report

What is the current behavior?

Nested numeric id causes infinite loop probably and browser crashes eventually

Open redux dev tools and try checking a checkbox in the sandbox: https://codesandbox.io/s/k2w897ym83

Without dev tools, you can select the unnested ones but it's very sluggish to update the check state.

This is probably related to #2503

What is the expected behavior?

Should not cause out of memory error

What's your environment?

redux-form: ^7.3.0
Chrome: Version 66.0.3359.170 (Official Build) (64-bit)

[mrchief]

I get this after checking the first plain checkbox (without dev tools open)

[mrchief]

As a workaround, I'm doing this (prepending with a $ - which is just an arbitrary char. Any alpha char will work too - anything that makes the string non-numeric will work):

<Field name={`$${id}`} ... />

[mrchief]

Surprisingly, passing an empty bag in initialValues also seems to work (doesn't cause the OOM error):

reduxForm({
  form: 'sampleForm',
  initialValues: {
    sample: {}
  }
})

[mrchief]

Surprisingly, passing an empty bag in initialValues also seems to work

While this works while checking/unchecking, it still causes OOM error on form submit. The $ (or non-numeric) workaround is the only way forward for now it seems.