General remarks
This bug shows itself in the browser console as an error.
Describe the bug
Failed prop type: Invalid prop `title` of type `object` supplied to `TabContainer`, expected `string`.
in TabContainer (created by ForwardRef)
in ForwardRef (created by Tabs)
in li (created by Tabs)
in ul (created by Tabs)
in div (created by Tabs)
in Tabs (at Tabs.tsx:100)
in ParameterizedTabs (at ServiceInfo.tsx:205)
in div (created by Col)
in Col (at ServiceInfo.tsx:204)
in div (created by Row)
in Row (at ServiceInfo.tsx:203)
in div (at ServiceInfo.tsx:159)
in div (at ServiceInfo.tsx:148)
in ServiceInfo (at ServiceDetailsPage.tsx:338)
in section (created by TabContent0)
in TabContent0 (created by ForwardRef)
in ForwardRef (created by Tabs)
in Tabs (at Tabs.tsx:100)
in ParameterizedTabs (at ServiceDetailsPage.tsx:436)
in ServiceDetails (created by ConnectFunction)
in ConnectFunction (created by Context.Consumer)
in Route (at RenderPage.tsx:13)
in Switch (at SwitchErrorBoundary.tsx:42)
in SwitchErrorBoundary (at RenderPage.tsx:28)
in div (at RenderPage.tsx:27)
in div (at RenderPage.tsx:39)
in RenderPage (at Navigation.tsx:116)
in section (created by PageSection)
in PageSection (at Navigation.tsx:115)
in main (created by Page)
in div (created by Page)
in Page (at Navigation.tsx:113)
in Navigation (created by ConnectFunction)
in ConnectFunction (created by Context.Consumer)
in withRouter(Connect(Navigation)) (at App.tsx:107)
in Router (at App.tsx:106)
in AuthenticationController (created by ConnectFunction)
in ConnectFunction (at App.tsx:117)
in PersistGate (at App.tsx:115)
in Provider (at App.tsx:114)
and also:
Failed prop type: Invalid prop `title` of type `object` supplied to `TabContainer`, expected `string`.
in TabContainer (created by ForwardRef)
in ForwardRef (created by Tabs)
in li (created by Tabs)
in ul (created by Tabs)
in div (created by Tabs)
in Tabs (at Tabs.tsx:100)
in ParameterizedTabs (at ServiceInfo.tsx:205)
in div (created by Col)
in Col (at ServiceInfo.tsx:204)
in div (created by Row)
in Row (at ServiceInfo.tsx:203)
in div (at ServiceInfo.tsx:159)
in div (at ServiceInfo.tsx:148)
in ServiceInfo (at ServiceDetailsPage.tsx:338)
in section (created by TabContent0)
in TabContent0 (created by ForwardRef)
in ForwardRef (created by Tabs)
in Tabs (at Tabs.tsx:100)
in ParameterizedTabs (at ServiceDetailsPage.tsx:436)
in ServiceDetails (created by ConnectFunction)
in ConnectFunction (created by Context.Consumer)
in Route (at RenderPage.tsx:13)
in Switch (at SwitchErrorBoundary.tsx:42)
in SwitchErrorBoundary (at RenderPage.tsx:28)
in div (at RenderPage.tsx:27)
in div (at RenderPage.tsx:39)
in RenderPage (at Navigation.tsx:116)
in section (created by PageSection)
in PageSection (at Navigation.tsx:115)
in main (created by Page)
in div (created by Page)
in Page (at Navigation.tsx:113)
in Navigation (created by ConnectFunction)
in ConnectFunction (created by Context.Consumer)
in withRouter(Connect(Navigation)) (at App.tsx:107)
in Router (at App.tsx:106)
in AuthenticationController (created by ConnectFunction)
in ConnectFunction (at App.tsx:117)
in PersistGate (at App.tsx:115)
in Provider (at App.tsx:114)
in App (at src/index.tsx:28)
console.<computed> @ index.js:1437
index.js:1437 Warning: Failed prop type: Invalid prop `title` of type `object` supplied to `Tab0`, expected `string`.
in Tab0 (created by TabContainer)
in TabContainer (created by ForwardRef)
in ForwardRef (created by Tabs)
in li (created by Tabs)
in ul (created by Tabs)
in div (created by Tabs)
in Tabs (at Tabs.tsx:100)
in ParameterizedTabs (at ServiceInfo.tsx:205)
in div (created by Col)
in Col (at ServiceInfo.tsx:204)
in div (created by Row)
in Row (at ServiceInfo.tsx:203)
in div (at ServiceInfo.tsx:159)
in div (at ServiceInfo.tsx:148)
in ServiceInfo (at ServiceDetailsPage.tsx:338)
in section (created by TabContent0)
in TabContent0 (created by ForwardRef)
in ForwardRef (created by Tabs)
in Tabs (at Tabs.tsx:100)
in ParameterizedTabs (at ServiceDetailsPage.tsx:436)
in ServiceDetails (created by ConnectFunction)
in ConnectFunction (created by Context.Consumer)
in Route (at RenderPage.tsx:13)
in Switch (at SwitchErrorBoundary.tsx:42)
in SwitchErrorBoundary (at RenderPage.tsx:28)
in div (at RenderPage.tsx:27)
in div (at RenderPage.tsx:39)
in RenderPage (at Navigation.tsx:116)
in section (created by PageSection)
in PageSection (at Navigation.tsx:115)
in main (created by Page)
in div (created by Page)
in Page (at Navigation.tsx:113)
in Navigation (created by ConnectFunction)
in ConnectFunction (created by Context.Consumer)
in withRouter(Connect(Navigation)) (at App.tsx:107)
in Router (at App.tsx:106)
in AuthenticationController (created by ConnectFunction)
in ConnectFunction (at App.tsx:117)
in PersistGate (at App.tsx:115)
in Provider (at App.tsx:114)
@mtho11 This is because the tab don't let add icons so we can show when the tab pods or VS have errors
There is an issue opened here https://github.com/patternfly/patternfly-react/issues/2623 and PR opened with the feature https://github.com/patternfly/patternfly-react/pull/2681 so this will be fixed soon.
ah great @aljesusg
cc @xeviknal
Fixed after patternfly upgrade. Tested in my local environment. No error shown in the console.
Most helpful comment
ah great @aljesusg