<Anchor> and React Router v5

Supporting react-router is crucial.

Recalling #576, we have an old solution that doesn’t work anymore, and simpler solution which works but produces some warnings:

Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.

This warning is only appears in Grommet v2. As we can see, @benshell makes Anchor a span with tag attribute:

<Link to={props.to}>
    <Anchor tag="span" primary={props.primary}>{props.children}</Anchor>
</Link>

It worked flawlessly in v1, but for v2 the tag prop is gone.

So how I supposed to combine these two links: one from react router and another one from Grommet v2?

[oorestisime]

Hey, i’d like to give this a go. i am not really familiar with the codebase but it is something i need so i’d love to contribute back to grommet.

[oorestisime]

@alansouzati if you still want i could add a tag property to the Anchor component (if this would be more user friendly etc)