use-smooth-scroll
React hook which gives a smooth scrolling function.
const Example = () => {
const ref = React.useRef()
const scrollTo = useSmoothScroll('x', ref)
return (
<>
<button onClick={() => scrollTo(getRandomScrollTarget(ref.current))}>
Click me
</button>
<Carousel innerRef={ref}>
{range(100).map(i => (
<Card key={i} />
))}
</Carousel>
</>
)
}