Slick Lightbox shows first image after carousel cycle through

[jonhicksdesign]

I have a problem with the Slick Lightbox. I'm using Slick Slider on variable width and infinite scroll and when it loops through once and the first image is shown again the Lightbox shows the first image for everything to the right of it. But the images to the left show the correct image in Lightbox. Below is my script.js code

$(document).ready(function(){
$('.slider-area').slick({
dots: false,
accessibility: true,
arrows: true,
infinite: true,
speed: 1500,
centerMode: false,
slidesToShow: 10,
slidesToScroll: 7,
variableWidth: true,
touchMove: true,
useCSS: true,
cssEase: 'ease'
});
});

$(document).on('ready', function() {
$('.slider-area').slickLightbox({
src: 'src',
itemSelector: '.pic img',

});

});

[BlackKiwi89]

@jonhicksdesign have you found a solution?