React Router DOM: NavLink activeClassName proxy component

readme.md

Proxy the activeClassName for react-router-dom's NavLink component.

RouterNavLink.tsx

import * as React from 'react'
import { NavLink, NavLinkProps } from 'react-router-dom';

// https://stackoverflow.com/a/50689136
type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>

interface IRouterNavLinkProps extends Omit<NavLinkProps, 'activeClassName'> {}

const RouterNavLink: React.SFC<IRouterNavLinkProps> = (props) => {
  return (
    <NavLink {...props} activeClassName='active'>{props.children}</NavLink>
  )
}

export default RouterNavLink