[DevTools Bug] Element "41" not found

[Afrokk]

Website or app

https://github.com/Afrokk/litmus.tools

Repro steps

In branch litmus.tools -> feature/LIT-5:
I just run the app and it throws this error.

How often does this bug happen?

Every time

DevTools package (automated)

react-devtools-extensions

DevTools version (automated)

4.27.0-bd2ad89a4

Error message (automated)

Element "41" not found

Error call stack (automated)

at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:39558:15

Error component stack (automated)

at InspectedElementContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40933:3)
    at Suspense
    at ErrorBoundary_ErrorBoundary (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:39237:5)
    at div
    at InspectedElementErrorBoundaryWrapper (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:39771:3)
    at NativeStyleContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:42429:3)
    at div
    at div
    at OwnersListContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:35080:3)
    at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:37705:3)
    at Components_Components (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:44505:52)
    at ErrorBoundary_ErrorBoundary (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:39237:5)
    at div
    at div
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:39409:3)
    at PortaledContent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:39439:5)
    at div
    at div
    at div
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:39409:3)
    at TimelineContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:44686:3)
    at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:44115:3)
    at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:31940:3)
    at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32584:3)
    at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:39834:3)
    at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:56039:3)

GitHub query string (automated)

https://api.github.com/search/issues?q=Element  not found in:title is:issue is:open is:public label:"Component: Developer Tools" repo:facebook/react

[LuizPelegrini]

This issue starts happening on my end as well, I tried to reinstall the extension but no difference

[isRostCompany]

can't confirm that the error is the same, however react-devtools extension stopped working for me as well (even in project where it worked yesterday)
current version "4.27.0, created from bd2ad89 on 11/28/2022.

Screenshot shows where it gets stuck

updating Google Chrome to Version 108.0.5359.71 fixed it for me

[MohamedGallab]

same problem, seems like it happens when redux is used.
it happens to me on a local project I am working on.
happens even after updating both chrome and firefox to the lastest versions.

[ite93]

same here

[yeana-dev]

can't confirm that the error is the same, however react-devtools extension stopped working for me as well (even in project where it worked yesterday) current version "4.27.0, created from bd2ad89 on 11/28/2022.

Screenshot shows where it gets stuck

updating Google Chrome to Version 108.0.5359.71 fixed it for me

This worked for me. Make sure you go to Chrome's setting to update. The update indication on browser isn't showing.

[yeana-dev]

same problem, seems like it happens when redux is used. it happens to me on a local project I am working on. happens even after updating both chrome and firefox to the lastest versions.

You might want to exit and completely quit Chrome and restart.

[al-husayn]

same here. I used it a couple of hours ago. Is not working anymore

[danilo-vieira]

Same here 🐛

[arbocobra]

Having this issue too. Warning appeared a couple days ago.
Chrome is up to date (Version 108.0.5359.71 (Official Build) (x86_64)), and restarted. I also tried reinstalling React extension (running 4.27.0).

Confirm what MohamedGallab said above, my project is also using Redux.

[peteredhead]

I'm experiencing this issue too using the DevTools in Firefox (107.0).

One common factor I see is that the "Element x not found" error appears for functional components that are using the useEffect hook.
Other hooks I have quickly tested, such as useState don't appear to trigger the error for me.

[Afrokk]

I'm experiencing this issue too using the DevTools in Firefox (107.0).

One common factor I see is that the "Element x not found" error appears for functional components that are using the useEffect hook. Other hooks I have quickly tested, such as useState don't appear to trigger the error for me.

Nice find, I also think that the useEffect hook has something to do with this. My components that don't use useEffect work just fine.