Happens "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node." on https://remix.run/

[regchiu]

What version of Remix are you using?

v1.4.1?

Steps to Reproduce

1. Convert any language with Google Translate of Chrome extension.

2. Keep scrolling down

3. Will see errors on the website.

Expected Behavior

No errors are displayed.

Actual Behavior

Console

DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
    at Ys (https://remix.run/build/_shared/chunk-AGZHEPHC.js:7:5603)
    at Yf (https://remix.run/build/_shared/chunk-AGZHEPHC.js:9:3820)
    at L.unstable_runWithPriority (https://remix.run/build/_shared/chunk-AGZHEPHC.js:1:4026)
    at rn (https://remix.run/build/_shared/chunk-AGZHEPHC.js:5:38448)
    at Ge (https://remix.run/build/_shared/chunk-AGZHEPHC.js:9:1807)
    at yi (https://remix.run/build/_shared/chunk-AGZHEPHC.js:7:11071)
    at https://remix.run/build/_shared/chunk-AGZHEPHC.js:5:38670
    at L.unstable_runWithPriority (https://remix.run/build/_shared/chunk-AGZHEPHC.js:1:4026)
    at rn (https://remix.run/build/_shared/chunk-AGZHEPHC.js:5:38448)
    at Cs (https://remix.run/build/_shared/chunk-AGZHEPHC.js:5:38616)
ui @ chunk-AGZHEPHC.js:7

[machour]

Seems to be facebook/react#17256

[machour]

Issue migrated to the remix website (private) repo.

[tmhuyy]

So, what is the correct solution for this problem?

[tmhuyy]

@regchiu Did you fix this problem already ?

[regchiu]

@regchiu Did you fix this problem already ?

No. This issue should have been listed as a special issue by the team to deal with. Probably not solved yet.

[tmhuyy]

@regchiu Did you fix this problem already ?

No. This issue should have been listed as a special issue by the team to deal with. Probably not solved yet.

• I have no idea about this bug. Would you mind to explain that for me 😄 ? @regchiu
• I try to use i18next to changing multi-language (by choose language in app setting and detect by web browser settings).
• Then I try to use npm run build and deploy this web. The problem happens when I turn on gg translate in Chrome and Safari in iPhone @@. It said the same error with your case.
  Thank you very much @regchiu. Please help me explain this error 😥
• oh side note here, all the projects that you used react i18next cause the same issue like this ?? Or just one or two specific cases ?

[regchiu]

@tmhuyy

It should be that Google Translate will change the DOM, causing such an error. You can see this workaround: facebook/react#11538 (comment)

I saw someone discussing that currently preventing browsers from automatically asking for translation can temporarily solve this problem caused by users accidentally using Google Translate.(facebook/react#17256 (comment))

[tmhuyy]

@regchiu
Thanks for your help 😀 Have a great day