React-bootstrap-table2: Warning: Each child in an array or iterator should have a unique "key" prop.

[siamak]

When I send data as props I have error for iterator key.

Warning: Each child in an array or iterator should have a unique "key" prop.

Check the render method of Body. See https://fb.me/react-warning-keys for more information.
in Row (created by Body)
in Body (created by BootstrapTable)
in table (created by BootstrapTable)
in div (created by BootstrapTable)
in BootstrapTable (created by PaginationWrapper)
in PaginationWrapper (created by SortWrapper)
in SortWrapper (created by BootstrapTableContainer)
in BootstrapTableContainer (at RemotePagination.js:66)
in RemotePagination (created by Connect(RemotePagination))
in Connect(RemotePagination) (at Merchants.js:178)
in div (at Merchants.js:166)
in section (created by styled.section)
in styled.section (at Merchants.js:165)
in div (at Merchants.js:164)
in div (at Merchants.js:163)
in Merchants (created by Connect(Merchants))
in Connect(Merchants) (created by Route)
in Route (at DashboardLayout.js:39)
in Switch (at DashboardLayout.js:37)
in main (at DashboardLayout.js:35)
in div (at DashboardLayout.js:33)
in div (at DashboardLayout.js:32)
in section (created by styled.section)
in styled.section (at DashboardLayout.js:30)
in AuthorizedLayout (at requireAuth.js:27)
in Authenticate (created by Connect(Authenticate))
in Connect(Authenticate) (created by Route)
in Route (at routes.js:34)
in Switch (at routes.js:20)
in div (at routes.js:17)
in Router (created by BrowserRouter)
in BrowserRouter (at routes.js:16)
in Routes (created by Connect(Routes))
in Connect(Routes) (at index.js:42)
in Provider (at index.js:41)

[prajapati-parth]

@siamak Please post the code that you've tried. Thanks.

[AllenFang]

also post your data @siamak

[siamak]

It's a bug in my code. Thanks.

[wdnmdddddd]

same problem...here is data&code, confusing...

[wdnmdddddd]

@AllenFang could you have a look at this? Many thanks

[hellriser4]

The row object in the version 2 of bootstrapTable does not affect a key property in its rendering. This is why this error happens. There is probably a .map in the body rendering and it is missing it.

[rmartin58]

Is there a fix for this? Though not fatal, the warning is annoying.

[hellriser4]

I don't know!

[xero88]

are you sure that "good_id" exists in your "kinds_list" ?

[hellriser4]

It seems the warning is gone, anybody still with it? I guess it got fixed... react-bootstrap-table-next 1.2.0

[do-diegoortiz]

It seems the warning is gone, anybody still with it?

I have version 1.3.1 and it's still happening to me, but only when my BootstrapTable is inside a ToolkitProvider :sweat:

[jediyozh]

I have the same problem...

[anuragb26]

I am facing same issues in 1.4.2

[nononocat]

it seems like use keyField as the unique key prop. if the value of the "keyFiled" is not unique in your code, you will see that error message.....

[dotpegaso]

it seems like use keyField as the unique key prop. if the value of the "keyFiled" is not unique in your code, you will see that error message.....

My keyField value is unique and I'm facing the same error... using version 3.3.3, there's no solution for that yet?

[khanh-nguyen]

Make sure keyField is one of your columns' dataField and it is unique. Otherwise, you get the warning message.

Would be nice to have unique ids generated if keyField is not provided in case the table has no unique data, @AllenFang ?

[jerryjayce]

Also make sure that the function is not anonymous, that is do not save the function to a variable. Put the function outside your render method. then hook it to the formatter using "this.yourFunctionName".