React router pseudo route hoc

withPseudoRoute.jsx

import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
import { withRouter } from 'react-router-dom';
import { setPseudoRoute } from '../utils/Utils';

function withPseudoRoute(Component, deeplink) {
  return withRouter(props => {

    useEffect(() => {
      setPseudoRoute(deeplink);

      return () => {
        if (window.location.pathname === deeplink) {
          setPseudoRoute(props.location.pathname);
        }
      }
    }, []);

    return <Component {...props} />;
  });
}

withPseudoRoute.propTypes = {
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
};

withPseudoRoute.defaultTypes = {
  children: null,
};

export default withPseudoRoute;