react prevent back

const preventBack = (): void => {
  window.history.pushState(null, "", window.location.pathname);
}

const handleBack = (): void => {
  console.log('handleBack')
}

useEffect(() => {
  preventBack();
  window.addEventListener('popstate', handleBack);
  return () => {
    window.removeEventListener('popstate', handleBack)
  }
});