getting Maximum call stack size exceeded of querySelector when React is being destructed

[guyschlider]

Hi,

Wonder if anybody got a clue or idea, why when a Vue component is rendering a React component with applyReactInVue - when navigating away from the page, in the beforeDestroy of applyReactInVue we get an infinite loop of Maximum call stack size exceeded:

Uncaught RangeError: Maximum call stack size exceeded
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56360)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)
at Object.keys.forEach.q.forEach.window.. [as querySelector] (chunk-vendors.cbee584d.js:107:56556)

[guyschlider]

Did some research,
looks like maybe
gloriasoft/veaury@5e2b320
is related?

[devilwjp]

@guyschlider It seems to be the same issue and will be fixed in the near future.

[guyschlider]

I can confirm it is the same issue and forking and updating those methods solve it

Thanks so much for your great work :)