React-slick: Version 0.14.8: Unknown props `currentSlide`, `slideCount` on <div> tag Warning Back

Created on 21 Apr 2017 · 7Comments · Source: akiran/react-slick

@akiran Seems like this commit #624 was removed from version 0.14.8 and needs to be remerged.

Source

wilbert-abreu

👍11

Most helpful comment

I just hit this.

For anyone else slightly confused:
If you implement your own prev/next arrows react-slick will pass currentSlide and slideCount props to your custom components. It's on you not to place these properties on tags that shouldn't have them. The following is how I dealt with this.

export const CustomArrow = props => {
  // pull off props that don't belong on a <button> tag
  const { currentSlide, slideCount, ...remainingProps } = props

  return (
    <button {...remainingProps}>
      My Btn
    </button>
  )
}

kjs3 on 23 Jun 2017

👍13

All 7 comments

@akiran Updated to 0.14.11. Seems like #624 has not been remerged and still experiencing this error.

wilbert-abreu on 25 Apr 2017

i am experiencing the same issue for 0.14.11.

tyleraadams on 27 Apr 2017

I am experiencing this error on 0.14.11 as well.

edennington on 13 May 2017

@akiran I am experiencing this error as well, please remerge.

cscottsa on 19 Jun 2017

👍2

It's not an error. It's just a warning. I'm sending a PR to fix this, hope it's accepted ASAP.

Dajust on 22 Jun 2017

I just hit this.

export const CustomArrow = props => {
  // pull off props that don't belong on a <button> tag
  const { currentSlide, slideCount, ...remainingProps } = props

  return (
    <button {...remainingProps}>
      My Btn
    </button>
  )
}

kjs3 on 23 Jun 2017

👍13

You have to follow solution mentioned by @kjs3