Select does not display the selected value

I updated my packages today and noticed that my selects are not showing the selected value. I am using the valueKey and labelKey properties as shown in the examples, but to no avail.

I performed some tests and the problem occurs from the version v2.13.0.

Expected Behavior

Display the selected value

Actual Behavior

Not applicable

URL, screen shot, or Codepen exhibiting the issue

Here’s a Codesandbox template that serves as a nice starting point for demonstrating an issue: https://codesandbox.io/s/jovial-rgb-eszoe?file=/src/App.js

Steps to Reproduce

Not applicable

Your Environment

• Grommet version: 2.14.0
• Browser Name and version: Versão 84.0.4147.89 (Versão oficial) 64 bits
• Operating System and version (desktop or mobile): Windows 10

[ericsoderberghp]

Whether the value is an object or is a property of an object is controlled by valueKey={{ reduce: true }}. https://v2.grommet.io/select#valueKey If I change the code sandbox to have valueKey={{ key: "id", reduce: true }}. I believe it works as is expected. We added this reduce sub-property to disambiguate which way the value should be interpreted.

[antonio-lm-jr]

Nice @ericsoderberghp . Add reduce=true on valueKey property is the least impactful for my project.

Thank you very much!