const useEventListener = () => {
    const onBeforeUnload = (event) => {
        event.returnValue = 'Changes will not be saved. This action cannot be undone'; // eslint-disable-line no-param-reassign
    };
    useEffect(() => {
        window.addEventListener('beforeunload', onBeforeUnload);
        return () => window.removeEventListener('beforeunload', onBeforeUnload);
    });
};

const ProjectContainer = () => {
	// I just have to called my hook
  useEventListener();
	return (
			<div>Hi</div>
	);
};