vuereact-combined icon indicating copy to clipboard operation
vuereact-combined copied to clipboard
verified publisher icon devilwjp

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

Open guyschlider opened this issue 1 year ago • 4 comments

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 avatar Oct 30 '24 14:10 guyschlider

Did some research, looks like maybe https://github.com/gloriasoft/veaury/commit/5e2b320400ca96daccd6f75c21fdfea52fd6077a is related?

guyschlider avatar Oct 30 '24 14:10 guyschlider

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

devilwjp avatar Oct 31 '24 03:10 devilwjp

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

Thanks so much for your great work :)

guyschlider avatar Oct 31 '24 07:10 guyschlider