UseNavigate in Modal

[hollow bramble]

how can I use UseNaviagte hook from react-router-dom in a Modal I get an error saying can only use UseNaviagte inside router

[worldly shoal]

Put your Modal component inside your router

[hollow bramble]

<BrowserRouter> <Route path="/login /> <EquipmentRepairModal /> </BrowserRouter
so something like this should do it bcz I'm opening the modal using
openModal({ title:"title", children:( <EquipmentRepairModal /> ) })

edit: it does not

[hollow bramble]

any idea how i can fix this

[worldly shoal]

Put your ModalsProvider inside router

[hollow bramble]

thank you much appreciated it works now can you explain why i taught modal are always mounted

[worldly shoal]

They are only mounted when opened prop is set tot true