はじめに 実務を経験する上で、 「入力フォームなどがあるページで入力途中の内容がある場合に、 ユーザーがページ遷移をしようとした時に入力内容の破棄をアラートする。」 といった対応が必要なケースがあると思います。 そういったケースで、 簡単に使えるカスタムフックスを作成しました。 使用技術に関して 主にこのフックス内で使用しているパッケージとそのバージョンは以下です。 Next.js: ^12.1.7-canary.41 react: 18.2.0 @mantine/core: 4.2.9 @mantine/hooks: 4.2.9 tailwindcss: ^3.1.3 目次 1.コードはこんな感じ 2.それでは解説 3.終わりに 1. コードはこんな感じ import { Modal } from "@mantine/core"; import { useDisclosure } fro