as-nav-link/src/as-nav-link.js

React Router HOC that mimics NavLink functionality but just passes an active prop to child component.

import React from 'react';
import { Link } from 'react-router-dom';
import NavLinkWithProp from 'nav-link-with-prop';

function asNavLink({ activeProp = 'active' } = {}) {
  return T => ({ children, ...props }) => (
    <NavLinkWithProp {...props} activeProp={activeProp}>
      {innerProps => <T as={Link} {...innerProps}>{children}</T>}
    </NavLinkWithProp>
  );
}

export default asNavLink;