How to use window.onbeforeunload in React for showing popup for reload if the user clicks on reload

Question

How to use window.onbeforeunload in React for showing popup for reload if the user clicks on reload.

I tried doing this it is not working

useEffect(() => {
  window.addEventListener("beforeunload", handleRefresh);
  return () => {
    window.removeEventListener("beforeunload", handleRefresh);
  };
});

Answer 1

useEffect(() => {
    window.onbeforeunload(handleRefresh)
    return () => {
      window.onbeforeunload("null")
    };
  }, []);