React-slick: asNavFor REACT-slick,I CAN´T get synchronize the two sliders

Hello,
I have a problem. I'm trying to use the example of asNavFor REACT-slick but I CAN´T get synchronize the two sliders, here my code.

thanks in advance for your help

`import React, { Component } from "react";
import ReactDOM from "react-dom";
import PropTypes from "prop-types";
import styled from "styled-components";
import Slider from "react-slick";
import { withI18n } from "../../i18n";
import ReviewItemText from "./ReviewItemText";
import ReviewItemImage from "./ReviewItemImage";
import Title from "../../shared/components/TitleSection";

const Container = styled.div position: relative; width: 100%; margin: 0 auto; background: white; text-align: center; padding-bottom: 100px; ;
const Wrapper = styled.div overflow: hidden; position: relative; width: 80%; margin: 0 auto; background: white; text-align: center; &:after { content: ""; position: absolute; bottom: 0; right: 0; width: 30px; height: 400px; background: linear-gradient( to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) ); } ;
const wrapSliderCarouselBottom = styled.div``;
class ReviewList extends Component {
constructor(props) {
super(props);
this.state = {
nav1: null,
nav2: null
};
}

componentDidMount() {
this.setState({
nav1: this.slider1,
nav2: this.slider2
});
}

componentWillUnmount() {}

render() {
const { trans, productName, reviews, product } = this.props;
console.log(this.state);
return (
```