import {useEffect, useRef} from 'react'; import {RouteComponentProps} from 'react-router'; import {switchOrganization} from 'sentry/actionCreators/organizations'; import OrganizationContextContainer from 'sentry/views/organizationContextContainer'; import Body from './body'; type Props = RouteComponentProps<{orgId: string}, {}> & Partial>; function OrganizationDetails({children, ...props}: Props) { // Switch organizations when the orgId changes const orgId = useRef(props.params.orgId); useEffect(() => { if (props.params.orgId && orgId.current !== props.params.orgId) { // Only switch on: org1 -> org2 // Not on: undefined -> org1 // Also avoid: org1 -> undefined -> org1 if (orgId.current) { switchOrganization(); } orgId.current = props.params.orgId; } }, [props.params.orgId]); return ( {children} ); } export default OrganizationDetails;