How to use bulma tabs active class name on the parent element with React router

bulma-react-router.md

jgthms/bulma#3129

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>