I know that react-router-dom doesn't support usePrompt and useBlock anymore, well I have been trying to figure out if there are any ways to still use this function in "react-router-dom": "^6.2.2" version or making you're own usePrompt and useBlock that will do the same, I have done the prompting function resolved but it only working if I close the browser or refresh it the below code works fine

  const closePrompt = (e: BeforeUnloadEvent) => {
    if (isFieldDisabled) {
      e.preventDefault();
      e.returnValue = '';
    }
  };

  window.addEventListener('beforeunload', closePrompt);

but if the user changes the route to the existing app define route it will redirect it to that page without any prompt or warning to show.