ref(browserHistory): Remove from spanDetails/chart (#82609)

static/app/views/performance/transactionSummary/transactionSpans/spanDetails/chart.tsx

@@ -13,11 +13,11 @@ import {t} from 'sentry/locale';
 import type {Organization} from 'sentry/types/organization';
 import {defined} from 'sentry/utils';
 import {trackAnalytics} from 'sentry/utils/analytics';
-import {browserHistory} from 'sentry/utils/browserHistory';
 import type EventView from 'sentry/utils/discover/eventView';
 import type {SpanSlug} from 'sentry/utils/performance/suspectSpans/types';
 import {decodeScalar} from 'sentry/utils/queryString';
 import {useLocation} from 'sentry/utils/useLocation';
+import {useNavigate} from 'sentry/utils/useNavigate';
 
 import ExclusiveTimeHistogram from './exclusiveTimeHistogram';
 import ExclusiveTimeTimeSeries from './exclusiveTimeTimeSeries';
@@ -35,6 +35,7 @@ enum DisplayModes {
 }
 
 function Chart(props: Props) {
+  const navigate = useNavigate();
   const location = useLocation();
 
   const display = decodeScalar(location.query.display, DisplayModes.TIMESERIES);
@@ -52,7 +53,7 @@ function Chart(props: Props) {
       change_to_display: value,
     });
 
-    browserHistory.push({
+    navigate({
       pathname: location.pathname,
       query: {
         ...location.query,