react disable horizontal scroll code example

Example 1: DISABLE the Horizontal Scroll

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

Example 2: 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>