React-Slick Carousel - Disable arrows
<p>We are using React-Slick for the Carousel effect in our application. The content in the slider is dynamic and the length of the Carousel items can be between 4 to 20. </p>

<p>The problem is that even when the width of all the content is less than the width of the slider track, the left-right arrows work.</p>

<p><a href="https://i.stack.imgur.com/0eD1E.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0eD1E.png" alt="Carousel"></a></p>

<p>What is the solution/workaround to hide or disable these arrows in such case?</p>