css Horizontally scroll overflow-x buttons react code example

Example: horizontal scroll onclick react

const scroll = (scrollOffset) => {
  ref.current.scrollLeft += scrollOffset;
};

 <Row>
        <Col>
          <button onClick={() => scroll(-20)}>LEFT</button>
          <button onClick={() => scroll(20)}>RIGHT</button>
        </Col>
 </Row>