Bug: previously assigned text values display incorrectly until field is clicked in

[ZevH]

Describe the bug
This bug occurs consistently in the Texters panel of the Edit page for Spoke admins when assigning texts.

After searching for and selecting a new texter, their name appears in the list of texters who already have assigned texts. The texts assigned to the texter immediately below the newly added texter incorrectly show as "0", and the assigned number of texts are displaced down for all users below that. This display error disappears once I click in any of the fields.

This is purely a display problem (it does not affect functionality and so is not urgent), but it can be very confusing at times.

To Reproduce
Please see the attached screen shots which show clearly what the issue is. This is a very consistent bug, easy to reproduce.

Expected behavior
Values for number of texts assigned should display correctly and consistently.

Screenshots
Note the number of texts already assigned to texters in Screen Shot 1.

In Screen Shot 2, I have successfully searched for texter "G". Note that texter "K", just below user "G", now shows 0 texts instead of 2000; the texter below that now shows 2000 texts instead of 1000, and so on.

As seen in Screen Shot 3, once I click into texter "G"'s field, all the values in the fields below revert to showing correctly.

Platform (please complete the following information):

• OS: MacOS 10.13.6
• Browser: Firefox
• Desktop
• Version: Firefox 77.0

Additional context
This bug has been around for a long time and occurs consistently.

[oburbank]

I have a quick fix for this, the problem is that Formal.Form uses paths to assign values, and the path to texters change as new texters are added, so sometimes paths are stale when everything is re-rendered. Luckily React Formal allows a mapToValue method that you can use to override the required name path.