Custom Prompt react-router

custom-prompt-example.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';

// "react-router": "^5.1.2"
// "react-router-dom": "^5.1.2"

<BrowserRouter
  getUserConfirmation={(message, callback) => (
    CustomPromptComponent(message, callback)
  )}
>
  ...
</BrowserRouter>

// custom prompt message component

const CustomPromptComponent = (message, callback) => {
  const container = document.createElement('div');
  container.setAttribute('custom-confirmation-navigation', '');
  document.body.appendChild(container);
  const closeModal = (callbackState) => {
    ReactDOM.unmountComponentAtNode(container);
    callback(callbackState);
  };
  ReactDOM.render(
    <SomeModalComponent
      closeModal={() => closeModal(false)}
      closeCb={() => closeModal(true)}
    >
      {message}
    </SomeModalComponent>,
    container,
  );
};