ref(js): Remove withOrganization from EventOrGroupExtraDetails (#87658)

Author: evanpurkhiser

static/app/components/eventOrGroupExtraDetails.tsx

@@ -17,16 +17,14 @@ import {tct} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import type {Event} from 'sentry/types/event';
 import type {Group} from 'sentry/types/group';
-import type {Organization} from 'sentry/types/organization';
 import {defined} from 'sentry/utils';
 import {getTitle} from 'sentry/utils/events';
 import useReplayCountForIssues from 'sentry/utils/replayCount/useReplayCountForIssues';
 import {projectCanLinkToReplay} from 'sentry/utils/replays/projectSupportsReplay';
-import withOrganization from 'sentry/utils/withOrganization';
+import useOrganization from 'sentry/utils/useOrganization';
 
 type Props = {
   data: Event | Group;
-  organization: Organization;
   showAssignee?: boolean;
   showLifetime?: boolean;
 };
@@ -52,12 +50,7 @@ function Lifetime({
   );
 }
 
-function EventOrGroupExtraDetails({
-  data,
-  showAssignee,
-  organization,
-  showLifetime = true,
-}: Props) {
+function EventOrGroupExtraDetails({data, showAssignee, showLifetime = true}: Props) {
   const {
     id,
     lastSeen,
@@ -72,6 +65,7 @@ function EventOrGroupExtraDetails({
     lifetime,
     isUnhandled,
   } = data as Group;
+  const organization = useOrganization();
 
   const issuesPath = `/organizations/${organization.slug}/issues/`;
   const {getReplayCountForIssue} = useReplayCountForIssues();
@@ -247,4 +241,4 @@ const Location = styled('div')`
   ${p => p.theme.overflowEllipsis};
 `;
 
-export default withOrganization(EventOrGroupExtraDetails);
+export default EventOrGroupExtraDetails;