Ref doesnt work

[theGABS]

If you specify additional props on the Tabs component they will be forwarded to the rendered div

I looked at your code, i can not use ref, because you use (and overwrite it)

render() {
    // Delete all known props, so they don't get added to DOM
    const {
      children, // unused
      className,
      disabledTabClassName, // unused
      focus, // unused
      forceRenderTabPanel, // unused
      onSelect, // unused
      selectedIndex, // unused
      selectedTabClassName, // unused
      selectedTabPanelClassName, // unused
      ...attributes
    } = this.props;

    return (
      <div
        {...attributes}
        className={cx(className)}
        onClick={this.handleClick}
        onKeyDown={this.handleKeyDown}
        ref={node => {
          this.node = node;
        }}
        data-tabs
      >
        {this.getChildren()}
      </div>
    );
}

Can u rewrite code something like

<div
        {...attributes}
        className={cx(className)}
        onClick={this.handleClick}
        onKeyDown={this.handleKeyDown}
        ref={node => {
          this.node = node;
          /* ____ ADDED LINE BELOW _____ */
          if (attributes.ref) {attributes.ref(node)}
        }}
        data-tabs
      >
        {this.getChildren()}
      </div>
);

[danez]

Thanks for reporting this, this should indeed be fixed and forwarding the ref seems fine too me.

We cannot use refdirectly as react is not forwarding ref to a component. So we would need to come up with a different name, maybe tabsRef?