【React】ウィンドウを閉じる際に処理を実行する方法

以下のように記述することでウィンドウ（タブ）を閉じる際に実行される処理を定義できます。

  const handleBeforeUnload = () => {
    console.log('beforeunload')
  }
  
  useEffect(() => {
    window.addEventListener('beforeunload', handleBeforeUnload)

    return () => {
      window.removeEventListener('beforeunload', handleBeforeUnload)
    }
  }, [handleBeforeUnload])