Rebass: Using ReactRouter Link and rebass Link together

[mrcoles]

Is there an elegant way to combine React Router Link and Rebass Link? I see I can just style the react-router one directly, but then I might be missing the theme and whatnot from Rebass.

[jxnblk]

You can use the as prop

import { Link as RouterLink } from 'react-router'
import { Link as RebassLink } from 'rebass'

export default props =>
  <RebassLink
    {...props}
    as={RouterLink}
  />

[mrcoles]

Awesome, thanks!

[steverecio]

I only see this on dev but using the as keyword here is throwing an unknown prop warning from the a tag:

Warning: React does not recognize the borderRadius prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase borderradius instead. If you accidentally passed it from a parent component, remove it from the DOM element.

[samburgers]

+1 Same issue as @steverecio