[DevTools Bug] Node "24" was removed before its children.

anmol-fzr commented 1 year ago

Website or app

https://super-visa-insurance.netlify.app/

Repro steps

I'm Facing an Issue in my Nextjs 13.4.12 project, main tag is automatically removed in from the page. Before this I changed my zustand store with react-query for caching results, but I reverted these changes because I was facing this issue, but after reverting I still face this issue

How often does this bug happen?

Sometimes

DevTools package (automated)

react-devtools-extensions

DevTools version (automated)

4.28.0-035a41c4e

Error message (automated)

Node "24" was removed before its children.

Error call stack (automated)

at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28315:43
    at Bridge.emit (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:24827:22)
    at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:24996:14
    at listener (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:57406:39)

Error component stack (automated)

No response

GitHub query string (automated)

https://api.github.com/search/issues?q=Node  was removed before its children. in:title is:issue is:open is:public label:"Component: Developer Tools" repo:facebook/react

abhinav-nav commented 1 year ago

//The error message "Node 24 was removed before its children" means that a React component was removed from the DOM before its child components were removed. This can happen if the parent component is removed by code, or if the user navigates away from the page.

//In your case, the main tag is being removed from the page, which means that the entire React app is being removed. This could be caused by a number of things, such as a bug in your code, a problem with your React configuration, or a problem with your hosting environment.

To troubleshoot this issue, you can try the following::::

Check your code for any errors that could be causing the main tag to be removed.
Check your React configuration to make sure that it is set up correctly.
Check your hosting environment to make sure that it is compatible with React.

If you are still unable to resolve the issue, you can try searching the React documentation or Stack Overflow for more information. You can also file an issue on the React GitHub repository.

Here are some GitHub issues that I found that match your search criteria:

hoxyq commented 1 year ago

Hey @anmol-fzr, thanks for reporting this issue.

main tag is automatically removed in from the page

What do you mean by this?

Can you please try to provide small reproducible example of this error?

facebook / react