Close On Navigation

---

HOC to enable components(especially the Material UI Modals) to close when browser is navigated back/forward

Usage

import { withCloseOnNavigation } from "mui-extended";
import { Dialog } from "@mui/material";

const NavigationClasableDialog = withCloseOnNavigation(Dialog);

accepts any component with and props

Layout component uses

for menu in Mobile mode

Features

• Closes on navigating back
• Closes on navigating forward (using links on Modal Component)

Note :

• Navigation uses
  window.history
  api.
• Works along with
  next/link
  and
  next/router
• Any other method or navigation , and navigating to external links may break this