From 4320bc14ff96e92b0dd6c73d0623a61d349df887 Mon Sep 17 00:00:00 2001 From: Michelle Zhang <56095982+michellewzhang@users.noreply.github.com> Date: Tue, 16 Apr 2024 15:04:37 -0700 Subject: [PATCH] fix(replay): guard against experimental frames in breadcrumbs --- .../components/replays/breadcrumbs/selectorList.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/static/app/components/replays/breadcrumbs/selectorList.tsx b/static/app/components/replays/breadcrumbs/selectorList.tsx index b1f90bb9356c73..646ce13cee74eb 100644 --- a/static/app/components/replays/breadcrumbs/selectorList.tsx +++ b/static/app/components/replays/breadcrumbs/selectorList.tsx @@ -13,8 +13,16 @@ export default function SelectorList({frame}: {frame: ClickFrame}) { const organization = useOrganization(); const componentName = frame.data.node?.attributes['data-sentry-component']; + + // Guard against experimental frames for mobile replays + // TODO: can probably remove this check when mobile replay frames are + // more complete const lastComponentIndex = - frame.message.lastIndexOf('>') === -1 ? 0 : frame.message.lastIndexOf('>') + 2; + 'message' in frame + ? frame.message?.lastIndexOf('>') === -1 + ? 0 + : frame.message?.lastIndexOf('>') + 2 + : 0; return componentName ? (