Kiali: Error in ServiceDetails Tab

Created on 27 Aug 2019  路  5Comments  路  Source: kiali/kiali

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)
backlog bug teajupiter

Most helpful comment

ah great @aljesusg

All 5 comments

@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.

Was this page helpful?
0 / 5 - 0 ratings