InfiniteScroller console warning about unique key

[mareklibra]

Console log shows

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

Check the render method of `InfiniteScroll`. It was passed a child from Vms. See https://fb.me/react-warning-keys for more information.
    in div (created by Vms)
    in InfiniteScroll (created by Vms)
    in Vms (created by Connect(Vms))
    in Connect(Vms) (created by VmsList)
    in VmsList (created by Connect(VmsList))

Works fine anyway, lower priority to make code clean.

[mohammad-khoddami]

Add key={0} to the loader fix it. see
#616 (comment)

[arhamymr]

hello, i add key to infinite

 <InfiniteScroll
        hasMore={hasMore}
        loader={<div key={0}/>}
        loadMore={loadFunc}
        pageStart={0}
      >

and still have warning in console, someone can help me ?

[nateg101]

Yes I too have the same problem - I am using V1.2.4

[sgratch]

@nateg101 @arhamymr this is an old issue. Is it reproduced for you on latest version 1.6.4 as well?

[Poem7200]

Anybody still come out with the same issue? I use version 1.2.6 and there is still the same warning…

[frodolfo-duclo]

Anybody still come out with the same issue? I use version 1.2.6 and there is still the same warning…

I also have this issue with version 1.2.6, and it's May 2023 now.

[Ruffeng]

If someone is facing this issue, make sure you wrap your component with a div and key:

loader={
  <div key={0}>
    <MyLoaderComponent />
  </div>
}

I was having this warning as well because the key was inside my component, but moving it in the same place as the loader prop solved the issue