Error: "Cannot read property 'duration' of undefined"

[shiftyp]

Describe what you were doing when the bug occurred:

1. Add interaction tracing with unstable_trace
2. Record a profile, navigate to Profiler > Profiled Interactions
3. Error appears when scrolling view or immediately

Please do not remove the text below this line

DevTools version: 4.6.0-6cceaeb67

Call stack: at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:344360
at Array.map ()
at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:344166
at ci (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:59620)
at Ll (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:109960)
at qc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:102381)
at Hc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:102306)
at Vc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:102171)
at Tc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:98781)
at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:46014

Component stack: in Unknown
in Unknown
in div
in div
in n
in div
in bc
in div
in n
in div
in vc
in div
in div
in div
in So
in Unknown
in n
in Unknown
in div
in div
in rl
in Ze
in fn
in Ga
in _s

[chiragswadia]

Looks like duplicate of #18786 🤔

[shiftyp]

Here is a deployed repro case: https://react-example1.s3.amazonaws.com/index.html

Steps:

1. Load above URL
2. Open React Profiler
3. Start recording
4. Hit the "Fetch" button a few times
5. Stop Recording
6. navigate to the Profiled Interactions tab
7. Scroll down to the bottom of the list. The error should occur as you approach the bottom of the view

You can find the code for the case here: https://github.com/shiftyp/object-hooks/blob/experimental-tracing/packages/object-hooks/src/useInstances.ts#L37

[bvaughn]

Thanks for the repro case, @shiftyp!

[bvaughn]

@shiftyp Did you forget to commit something?

Checking out the experimental-tracing branch and running yarn && yarn install && yarn start throws:

Cannot resolve dependency 'object-hooks'

Seems like a problem with the workspace configuration or something?

🚨  ../object-hooks/packages/notebook/src/hooks/useNotebooks.ts:39:29: Cannot resolve dependency 'object-hooks'
    at Resolver.resolve (../object-hooks/node_modules/parcel-bundler/src/Resolver.js:71:17)
    at async Bundler.resolveAsset (../object-hooks/node_modules/parcel-bundler/src/Bundler.js:433:18)
    at async Bundler.resolveDep (../object-hooks/node_modules/parcel-bundler/src/Bundler.js:484:14)
    at async ../object-hooks/node_modules/parcel-bundler/src/Bundler.js:608:26
    at async Promise.all (index 2)
    at async Bundler.loadAsset (../object-hooks/node_modules/parcel-bundler/src/Bundler.js:599:21)
    at async ../object-hooks/node_modules/parcel-bundler/src/Bundler.js:610:13
    at async Promise.all (index 4)
    at async Bundler.loadAsset (../object-hooks/node_modules/parcel-bundler/src/Bundler.js:599:21)
    at async ../object-hooks/node_modules/parcel-bundler/src/Bundler.js:610:13

I was able to run yarn start on master, but that doesn't have the repro.

[bvaughn]

Disregard. The remote repro was sufficient.

Thanks for sharing it!