diff --git a/static/app/components/replays/breadcrumbs/breadcrumbIssueLink.tsx b/static/app/components/replays/breadcrumbs/breadcrumbIssueLink.tsx index 32d6f6edcbaaae..98a6bc4446a884 100644 --- a/static/app/components/replays/breadcrumbs/breadcrumbIssueLink.tsx +++ b/static/app/components/replays/breadcrumbs/breadcrumbIssueLink.tsx @@ -1,3 +1,4 @@ +import {useCallback, type MouseEvent} from 'react'; import styled from '@emotion/styled'; import {ProjectAvatar} from 'sentry/components/core/avatar/projectAvatar'; @@ -25,6 +26,9 @@ function CrumbErrorIssue({frame}: {frame: FeedbackFrame | ErrorFrame}) { const organization = useOrganization(); const project = useProjectFromSlug({organization, projectSlug: frame.data.projectSlug}); const {groupId} = useReplayGroupContext(); + const handleClick = useCallback((e: MouseEvent) => { + e.stopPropagation(); + }, []); const projectAvatar = project ? : null; @@ -41,6 +45,7 @@ function CrumbErrorIssue({frame}: {frame: FeedbackFrame | ErrorFrame}) { {projectAvatar} ) => { + e.stopPropagation(); + }, []); if (eventId === frame.data.eventId) { return Error: This Event; @@ -21,6 +24,7 @@ export default function CrumbErrorTitle({frame}: {frame: ErrorFrame}) { {capitalize(level)}:{' '} {getShortEventId(frame.data.eventId)}