রিয়েক্ট scroll

import {createRoot} from "react-dom/client";
import React, {useState} from "react";

function App() {
  const [message, setMessage] = useState("");

  return (
    <>
      <div
        onScroll={() => setMessage("")}
        style={{
          height: "100px",
          overflow: "auto",
          border: "1px solid black"
        }}
      >
        <div style={{height: "300px"}}>
          scroll this area
        </div>
      </div>

      <p>{message}</p>
    </>
  );
}

createRoot(
  document.getElementById("root")
).render(<App/>);