score:3

Accepted answer

you should use useeffect for subscribe. in the return function you should add the cleanup function to release the resources.

  useeffect(() => {
    const mouselistener = (e) => {
       console.log(e.pagex) //just a placeholder code
    })

    document.addeventlistener('mousemove', mouselistener);

    // specify how to clean up after this effect:
    return function cleanup() {
      document.removeeventlistener('mousemove', mouselistener);
    };
  });

Related Query

More Query from same tag