slick, несколько слайдеров с тем же классом?

есть 6 табов, и в каждом табе свой слайдер. Создал одинаковую структуру и дал для каждого слайдер один и тот же класс который потом в js привязал к slick

Т.е

<div class="wrapper">
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
</div>


$('.slider').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
});

Но при переключение табов слайдер работает с ошибкой, не показывает сразу пока не поменяю слайд и такая ошибка при смене таба

Uncaught TypeError: Cannot read property 'add' of null

Я думаю что несколько слайдеров надо по другому назначать, не подскажите как?