Nav tabs first tab always active

Hi @BSTeam,

Can you send me more code to fix this issue? Or send me a link from where you took an example.

Best regards, Konrad.

It's hard to past all code here, because the issue happened when I used nav tabs with routing.`class Routes extends React.Component { render() { return ( {" "} {" "} {" "} {" "} {" "} {" "} {" "} page Not Found ; }} />{" "} ); } }

class Landing extends PureComponent { state = { activeTab: "1" };

toggle = tab => e => { if (this.state.activeTab !== tab) { this.setState({ activeTab: tab }); } };

render() { return ( <>
{" "}  {new Date().toDateString()}

Home

Saved Alerts

Activity

Dates & Tasks

Hi @BSTeam,

And is a link to the repository possible?

Please check your property in <MDBTabPane tabId='3' role='tabpanel'>, maybe two tabs have the same tabId property.

Please check it and tell me if the problem still exists

There were no MDBTabPane configured, we use NavLink to route only, below is first couple of tabs.

 <MDBNav className="nav nav-tabs font-weight-bold">
        <MDBNavItem>
          <MDBNavLink
            to="/"
            active={this.state.activeTab === "1"}
            onClick={this.toggle("1")}
            role="tab"
          >
            <p>Home</p>
          </MDBNavLink>
        </MDBNavItem>
        <MDBNavItem>
          <MDBNavLink
            to="/landing/alerts"
            active={this.state.activeTab === "2"}
            onClick={this.toggle("2")}
            role="tab"
          >
            <p>Saved Alerts</p>
          </MDBNavLink>
        </MDBNavItem>

.........

Hi @BSTeam,

Can you change code for like that?

<MDBNavLink
   to="/#"
   active={this.state.activeTab === "1"}
   onClick={this.toggle("1")}
   role="tab"
>

please try my code and tell me if the issue still exists.

Best regards, Konrad.

Hi Konrad,

I tried your code and unfortunately the issue did not go away.

Appreciate your efforts.

BSTeam