nekoniki

<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__6384323dfa5ed" src="https://embed.zenn.studio/card#zenn-embedded__6384323dfa5ed" data-content="https%3A%2F%2Fdev.to%2Fbangash1996%2Fdetecting-user-leaving-page-with-react-router-dom-v602-33ni" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://dev.to/bangash1996/detecting-user-leaving-page-with-react-router-dom-v602-33ni" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://dev.to/bangash1996/detecting-user-leaving-page-with-react-router-dom-v602-33ni</a></p>
<ul>
<li>
<a href="https://github.com/Bilal-Bangash/detecting-route-change-react-route-dom-v6/blob/master/src/hooks/useBlocker.ts" target="_blank" rel="nofollow noopener noreferrer">useBlocker</a>と<a href="https://github.com/Bilal-Bangash/detecting-route-change-react-route-dom-v6/blob/master/src/hooks/useCallbackPrompt.ts" target="_blank" rel="nofollow noopener noreferrer">useCallbackPrompt</a>という2種類のカスタムフックを作って制御している</li>
</ul>


<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__bd201d511a45a" src="https://embed.zenn.studio/card#zenn-embedded__bd201d511a45a" data-content="https%3A%2F%2Fdetect-user-leaving-page-react-router-dom-v6.netlify.app%2Fhome" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://detect-user-leaving-page-react-router-dom-v6.netlify.app/home" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://detect-user-leaving-page-react-router-dom-v6.netlify.app/home</a></p>
