Question: focusOnSelect, asNavFor and NOT sliding the navigation slider

[jgardner3-chwy]

Is there a way, when showing multiple items via slidesToShow (also asNavFor and focusOnSelect to control another slider), to not have it scroll to the next set of items until you've clicked the next arrow?

Currently when you click Item 3 for instance it's scrolls over until Item 3 is the first item shown, and Item 1 and 2 are off screen to the left. I'd like it to still select 3, but not move all the items over. The only thing that would scroll the items over would be the next/prev arrows or if I programmatically selected a slide that wasn't in the active slides shown.

My nav slider looks like this:

<ReactSlick
  asNavFor={productCarouselRef}
  ref={(ref) => setProductThumbsRef(ref)}
  slidesToShow={6.5}
  slidesToScroll={6}
  swipe={false}
  infinite={false}
  focusOnSelect={true}
  nextArrow={<NextArrow />}
  prevArrow={<PrevArrow />}
>
    {images.map((image, index) => (
        <Thumbnail
          key={index}
          image={image}
        />
      ))}
</ReactSlick>