TypeError: can't access property "color", n[s] is undefined

[canova]

While I was looking at a profile I encountered this error when I pressed the back button:

TypeError: can't access property "color", n[s] is undefined.

And devtools console showed this:

TypeError: can't access property "color", n[s] is undefined
    render SampleTooltipContents.tsx:87
    React 10

An unhandled error was thrown in a React component. TypeError: can't access property "color", n[s] is undefined
    render SampleTooltipContents.tsx:87
    React 10
 
tS@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:142:37679
nS@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:142:38440
div
Ab@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:123:34771
div
vS@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:142:53275
@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:126:17134
div
$S@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:284
@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:126:17134
c@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:78936
div
div
Vg@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:120:42234
$g@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:120:44782
li
vB@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:80087
c@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:78936
ol
CB@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:77093
div
div
div
FB@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:93329
div
_B@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:87588
c@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:78936
$B@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:112545
@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:126:17134
c@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:78936
YB@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:114075
div
s@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:206:331547
div
e@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:206:333195
div
div
Nk@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:142:24953
oI@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:117081
c@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:78936
C_@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:159295
c@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:78936
Gm@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:120:3202
c@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:78936
div
cI@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:119111
c@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:78936
tg@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:120:20150
rg
le@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:72617
se@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:72530
J_@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:179672
rt@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:2:80960
tg@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:120:20150
ng
eN@https://profiler.firefox.com/main.0fb6173c89065d191b44.bundle.js:146:180994 ErrorBoundary.tsx:40:13
    componentDidCatch ErrorBoundary.tsx:40
    React 10

It looks like it's coming from this line:

profiler/src/components/shared/SampleTooltipContents.tsx

Line 87 in f380689

const categoryColor = categories[categoryIndex].color;

┆Issue is synchronized with this Jira Task