How to use the @patternfly/react-styles/css/components/Nav/nav.modifiers function in @patternfly/react-styles

{(context: any) => (
          <li>) =&gt; this.handleToggle(e, context.onToggle)}
            {...props}
          &gt;
            <a href="#" id="{srText" data-component="pf-nav-expandable"> e.preventDefault()}
              onMouseDown={e =&gt; e.preventDefault()}
              aria-expanded={expandedState}
            &gt;
              {title}</a></li>

{(context: any) =>
        React.cloneElement(child, {
          onClick: (e: MouseEvent) => context.onSelect(e, groupId, itemId, to, preventDefault, onClick),
          className: css(styles.navLink, isActive && styles.modifiers.current, child.props && child.props.className),
          'aria-current': isActive ? 'page' : null
        })
      }

onClick: (
              e: React.FormEvent,
              itemId: number | string,
              groupId: number | string,
              to: string
            ) => void
          ) => this.onSelect(event, groupId, itemId, to, preventDefault, onClick),
          onToggle: (event: React.MouseEvent, groupId: number | string, expanded: boolean) =>
            this.onToggle(event, groupId, expanded),
          updateScrollButtonState: this.updateScrollButtonState
        }}
      >

itemId: number | string,
              groupId: number | string,
              to: string
            ) => void
          ) => this.onSelect(event, groupId, itemId, to, preventDefault, onClick),
          onToggle: (event: React.MouseEvent, groupId: number | string, expanded: boolean) =>
            this.onToggle(event, groupId, expanded),
          updateScrollButtonState: this.updateScrollButtonState
        }}
      >
        <nav aria-label="{">
          {children}</nav>

{(context: any) => (
          <li>) =&gt; this.handleToggle(e, context.onToggle)}
            {...props}
          &gt;
            <a href="#" id="{srText" data-component="pf-nav-expandable"> e.preventDefault()}
              onMouseDown={e =&gt; e.preventDefault()}
              aria-expanded={expandedState}
            &gt;
              {title}
              <span></span></a></li>