ref(browserHistory): Remove from organizationCrumb (#82714)

Author: evanpurkhiser

static/app/views/settings/components/settingsBreadcrumb/organizationCrumb.spec.tsx

@@ -65,7 +65,7 @@ describe('OrganizationCrumb', function () {
     renderComponent({routes, route});
     await switchOrganization();
 
-    expect(router.push).toHaveBeenCalledWith('/settings/org-slug2/');
+    expect(router.push).toHaveBeenCalledWith({pathname: '/settings/org-slug2/'});
   });
 
   it('switches organizations while on API Keys Details route', async function () {
@@ -86,7 +86,7 @@ describe('OrganizationCrumb', function () {
     renderComponent({routes, route});
     await switchOrganization();
 
-    expect(router.push).toHaveBeenCalledWith('/settings/org-slug2/api-keys/');
+    expect(router.push).toHaveBeenCalledWith({pathname: '/settings/org-slug2/api-keys/'});
   });
 
   it('switches organizations while on API Keys List route', async function () {
@@ -106,7 +106,7 @@ describe('OrganizationCrumb', function () {
     renderComponent({routes, route});
     await switchOrganization();
 
-    expect(router.push).toHaveBeenCalledWith('/settings/org-slug2/api-keys/');
+    expect(router.push).toHaveBeenCalledWith({pathname: '/settings/org-slug2/api-keys/'});
   });
 
   it('switches organizations while in Project Client Keys Details route', async function () {
@@ -128,7 +128,7 @@ describe('OrganizationCrumb', function () {
     });
     await switchOrganization();
 
-    expect(router.push).toHaveBeenCalledWith('/settings/org-slug2/');
+    expect(router.push).toHaveBeenCalledWith({pathname: '/settings/org-slug2/'});
   });
 
   it('switches organizations for child route with customer domains', async function () {

static/app/views/settings/components/settingsBreadcrumb/organizationCrumb.tsx

@@ -6,9 +6,9 @@ import OrganizationsStore from 'sentry/stores/organizationsStore';
 import {useLegacyStore} from 'sentry/stores/useLegacyStore';
 import type {RouteComponentProps} from 'sentry/types/legacyReactRouter';
 import type {Organization} from 'sentry/types/organization';
-import {browserHistory} from 'sentry/utils/browserHistory';
 import recreateRoute from 'sentry/utils/recreateRoute';
 import {resolveRoute} from 'sentry/utils/resolveRoute';
+import {useNavigate} from 'sentry/utils/useNavigate';
 import useOrganization from 'sentry/utils/useOrganization';
 
 import BreadcrumbDropdown from './breadcrumbDropdown';
@@ -19,6 +19,7 @@ import {CrumbLink} from '.';
 type Props = RouteComponentProps<{projectId?: string}, {}>;
 
 function OrganizationCrumb({params, routes, route, ...props}: Props) {
+  const navigate = useNavigate();
   const {organizations} = useLegacyStore(OrganizationsStore);
   const organization = useOrganization();
 
@@ -53,7 +54,7 @@ function OrganizationCrumb({params, routes, route, ...props}: Props) {
     if (resolvedUrl.startsWith('http')) {
       window.location.assign(resolvedUrl);
     } else {
-      browserHistory.push(resolvedUrl);
+      navigate(resolvedUrl);
     }
   };