const scroll = (scrollOffset) => { ref.current.scrollLeft += scrollOffset; }; <Row> <Col> <button onClick={() => scroll(-20)}>LEFT</button> <button onClick={() => scroll(20)}>RIGHT</button> </Col> </Row>