import React, {useEffect, useRef, useState} from "react";
import ReactDOM from "react-dom";
import "./styles.css";
const useVeforeLeave = (message) => {
const handle = (e) => {
const {clientY} = e;
if (clientY <= 0) {
alert(message);
}
};
useEffect(() => {
document.addEventListener("mouseleave", handle);
return () => {
document.removeEventListener("mouseleave", handle);
};
}, []);
if (typeof onBefore !== "function") return;
};
const App = () => {
const message = "Dont Leave";
useVeforeLeave(message);
return <div className="App"></div>;
};
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);