React) 새로고침 감지하기

 

원래는 window.performance.navigation으로 접근했는데 그건 deprecated 됨. 아래 방법도 임시방편같은데 일단 되긴 하지만....... 다른 방법을 찾아봐야할 듯 

useEffect(() => {
    if (window.performance) {
        if(window.performance.getEntriesByType("navigation")[0].type==="reload"){
            // 새로고침 감지한 뒤 해야할 이벤트 
        }
    }
},[])

 

---

References

• https://stackoverflow.com/questions/58652880/what-is-the-replacement-for-performance-navigation-type-in-angular