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);

withCloseOnNavigation accepts any component with open and onClose props

Layout component uses withCloseOnNavigation 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