diff --git a/x-pack/solutions/security/plugins/security_solution/public/cloud_security_posture/components/csp_details/insights_tab_csp.tsx b/x-pack/solutions/security/plugins/security_solution/public/cloud_security_posture/components/csp_details/insights_tab_csp.tsx index 0bda028090047..74a2e75c1ce72 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/cloud_security_posture/components/csp_details/insights_tab_csp.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/cloud_security_posture/components/csp_details/insights_tab_csp.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import React, { memo, useMemo, useState } from 'react'; +import React, { memo, useEffect, useMemo, useState } from 'react'; import type { EuiButtonGroupOptionProps } from '@elastic/eui'; import { EuiButtonGroup, EuiSpacer } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n-react'; @@ -82,6 +82,11 @@ export const InsightsTabCsp = memo( }; const [activeInsightsId, setActiveInsightsId] = useState(getDefaultTab()); + useEffect(() => { + if (subTab) { + setActiveInsightsId(subTab); + } + }, [subTab]); const insightsButtons: EuiButtonGroupOptionProps[] = useMemo(() => { const buttons: EuiButtonGroupOptionProps[] = [];