Refactoring of LeaveCreateClusterPrompt

useEffect(() => {
let unblock;
if (!isOpen) {
// Open the prompt and capture the destination path meant to navigate to so that
// if the user decides to leave, we send them to the intended route.
unblock = history.block((location, action) => {
// Return to the original URL within the browser history.
if (action === 'POP')
{ window.history.forward(); }
setDestinationLocation(location);
setIsOpen(true);
return 'true';
});
} else
{ unblock?.(); }
return () => { unblock?.(); }
;
}, [history, isOpen]);

<BrowserRouter>
  <Routes> 
   <Route>
   </Route> 
  </Routes>
</BrowserRouter>

// Create a router instance using createBrowserRouter and createFromElements 
const router = createBrowserRouter( createFromElements( 
// Define your route structure 
<Route path="/" element={<HomePage />} />, 
<Route path="about" element={<AboutPage />} /> ) 
); 
// Render the application 
const container = document.getElementById('root'); 
const root = createRoot(container); 
root.render( <RouterProvider router={router} /> );