DataTable produces duplicate keys (v2.13 and v2.12)

Expected Behavior

DataTable must generate rows with unique keys.

Actual Behavior

The row’s key value is [object Object], so they are all the same.

This looks like it was also a problem in 2.12, but it was masked by “first” and “last” rows having unique keys. Since my table only had 3 rows, each row was created with a unique key.

URL, screen shot, or Codepen exhibiting the issue

v2.13 Duplicate Keys

Note: key val of each row is [object Object]

v2.12:

Note: The key val was still [object, object], but it was masked since the first and last rows were keyed uniquely, so my middle row key was also unique. So this masked the problem in v2.12.

Steps to Reproduce

This is how my DataTable is rendered:

  return (
    <DataTable
      pad={{ vertical: 'xxsmall', horizontal: 'xxsmall' }}
      caption="Addresses"
      columns={columns}
      data={protocolAddresses}
    />
  );

Your Environment

• Grommet version: v2.13 (problem was masked in v2.12)
• Browser Name and version: Chrome
• Operating System and version (desktop or mobile): W10 desktop.

[IanKBovard]

Thanks, thisll help me figure this out

[ShimiSun]

@LiveFreeAndRoam thank you. We are considering a site refactoring, so your inputs are valuable. I attached your comment and this thread to the existing issue, and we can consider that when we’ll take steps on the docs refactoring. I’ll be closing this issue for now. Thanks again.