use-query-params/adapters/react-router-5/index.js

React Hook for managing state in URL query parameters with easy serialization.

import { useHistory, useLocation } from "react-router-dom";
const ReactRouter5Adapter = ({
  children
}) => {
  const location = useLocation();
  const history = useHistory();
  const adapter = {
    replace(location2) {
      history.replace(location2.search || "?", location2.state);
    },
    push(location2) {
      history.push(location2.search || "?", location2.state);
    },
    get location() {
      return history.location;
    }
  };
  return children(adapter);
};
export {
  ReactRouter5Adapter
};