Fix react-router problem with encoding the percent character in url

FixedRouter.jsx

import React from 'react';
import { Router } from 'react-router-dom';
import { createBrowserHistory } from 'history';

function FixedRouter({ history = createBrowserHistory(), children }) {
  const originalPush = history.push;
  // monkey patching
  history.push = (url, ...args) =>
    originalPush(
      url.replace(/%/g, percent => encodeURI(encodeURI(percent))),
      ...args
    );

  return (
    <Router history={history}>
      {children}
    </Router>
  );
}

export default FixedRouter;

Problem: remix-run/history#505