methods not working (slickPrev, slickNext)

[vivipolli]

Any ideia?

const slickRef = useRef();

const handlePage = (way) => {
  if (way === 'back') {
    slickRef.current.slickPrev();
  } else {
    slickRef.current.slickNext();
  }
};

          <Slider ref={slickRef} {...settings}>
            <Card>
              <p>Nome da Campanha que tem os clientes...</p>
                    ...
            </Card>
            <Card>
              <p>Nome da Campanha que tem os clientes...</p>
                   ...
            </Card>
            <Card>
              <p>Nome da Campanha que tem os clientes...</p>
                  ...
            </Card>
            <Card>
              <p>Nome da Campanha que tem os clientes...</p>
                 ...
            </Card>
          </Slider>
          <Pagination>
            <img onClick={() => handlePage('back')} src={backIcon} alt="" />
            <span>pagination</span>
            <img onClick={() => handlePage('next')} src={nextIcon} alt="" />
          </Pagination>

[lucascordeiroaraujo]

@vivipolli removes () => from the onClick event.

it will probably solve your problem.

Tip: Use button for onClick

[ursulac]

@vivipolli did you get it to work? Having a similar issue

[NataliiaDil]

Have the same issue

[jezmck]

I've created a working sample: https://codesandbox.io/s/react-slick-playground-ts-qthp90