answer:
const setParentAsActive = (node: any) => {
if (node) {
node.parentNode.className = node.className
}
}
//tabs
<div className="tabs">
<ul>
<li>
<NavLink
to={url}
innerRef={setParentAsActive}
exact
activeClassName="is-active"
>
Product
</NavLink>
</li>
<li>
<a>Music</a>
</li>
<li>
<a>Videos</a>
</li>
<li>
<a>Documents</a>
</li>
</ul>
</div>