ブラウザバックしたときに処理を実行したいときに使用するhooks

useOnBrowserBack.ts

import { useEffect } from 'react';

/**
 * ブラウザバックしたときに処理を実行したいときに使用するhooks
 */
export const useOnBrowserBack = (onBrowserBack: () => void) => {
  useEffect(() => {
    window.history.pushState(null, '', window.location.pathname);
    window.addEventListener('popstate', onBrowserBack);
    return () => {
      window.removeEventListener('popstate', onBrowserBack);
    };
  }, [onBrowserBack]);
};