https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/any-known-issues-with-react-dev-tools-causing/m-p/1552580#M85961 <P>We accidentally found this while testing our product this week.</P><P>One of our developers happened to have React Dev Tools installed in his browser. We ran our application which rendered 4 maps in a browser tab:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_0-1729910686140.png" style="width: 999px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118182i7DE5EAE91D9C833D/image-size/large?v=v2&amp;px=999" role="button" title="JonathanTiu_0-1729910686140.png" alt="JonathanTiu_0-1729910686140.png" /></span></P><P>&nbsp;</P><P>He went to another browser tab then left for some time ...more than 10 minutes. Came back and flipped back to the browser tab with our 4 maps, we noticed maps started disappearing, almost as if unloaded like this:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_1-1729910782534.png" style="width: 708px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118183i76DC0B57D7DA355F/image-dimensions/708x290?v=v2" width="708" height="290" role="button" title="JonathanTiu_1-1729910782534.png" alt="JonathanTiu_1-1729910782534.png" /></span></P><P>&nbsp;</P><P>Attempting to interact with the 'disappeared' map caused all sorts of console errors like</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_2-1729910905938.png" style="width: 999px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118184i03C7C202184F7953/image-size/large?v=v2&amp;px=999" role="button" title="JonathanTiu_2-1729910905938.png" alt="JonathanTiu_2-1729910905938.png" /></span></P><P>The map was essentially useless and we could not interact with it.</P><P>We then noticed the memory consumption had shot to 1.5GB and beyond.</P><P>We quickly grabbed a heap snapshot to look.&nbsp; The most obvious thing that stood out was the sheer number of array buffers.&nbsp; From previous memory analysis, i remember there is usually one of these per Map/MapView but here we saw upwards of 16 in that page with just 4 maps.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_3-1729911403178.png" style="width: 835px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118185iBD320EF7F995751B/image-dimensions/835x200?v=v2" width="835" height="200" role="button" title="JonathanTiu_3-1729911403178.png" alt="JonathanTiu_3-1729911403178.png" /></span></P><P>&nbsp;</P><P>i then noticed one of them had a stack referring to the react dev tools.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_4-1729911503250.png" style="width: 708px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118186i68E651E9A9D450C2/image-dimensions/708x347?v=v2" width="708" height="347" role="button" title="JonathanTiu_4-1729911503250.png" alt="JonathanTiu_4-1729911503250.png" /></span></P><P>So on a hunch,&nbsp;we uninstalled React Dev Tools and the problem completely disappeared!</P><P>We reran this scenario various times and noticed even while sitting on the browser tab, after a while, the memory consumption would start increasing even though we were not interacting with it at all.</P><P>I did google and it seems some people have accused the React Dev Tools of creating memory leaks.</P><P>Anyways i am bringing this up because i'm curious if Esri is aware of this?</P><P>&nbsp;</P> Sat, 26 Oct 2024 02:59:45 GMT JonathanTiu 2024-10-26T02:59:45Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/any-known-issues-with-react-dev-tools-causing/m-p/1552580#M85961 <P>We accidentally found this while testing our product this week.</P><P>One of our developers happened to have React Dev Tools installed in his browser. We ran our application which rendered 4 maps in a browser tab:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_0-1729910686140.png" style="width: 999px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118182i7DE5EAE91D9C833D/image-size/large?v=v2&amp;px=999" role="button" title="JonathanTiu_0-1729910686140.png" alt="JonathanTiu_0-1729910686140.png" /></span></P><P>&nbsp;</P><P>He went to another browser tab then left for some time ...more than 10 minutes. Came back and flipped back to the browser tab with our 4 maps, we noticed maps started disappearing, almost as if unloaded like this:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_1-1729910782534.png" style="width: 708px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118183i76DC0B57D7DA355F/image-dimensions/708x290?v=v2" width="708" height="290" role="button" title="JonathanTiu_1-1729910782534.png" alt="JonathanTiu_1-1729910782534.png" /></span></P><P>&nbsp;</P><P>Attempting to interact with the 'disappeared' map caused all sorts of console errors like</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_2-1729910905938.png" style="width: 999px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118184i03C7C202184F7953/image-size/large?v=v2&amp;px=999" role="button" title="JonathanTiu_2-1729910905938.png" alt="JonathanTiu_2-1729910905938.png" /></span></P><P>The map was essentially useless and we could not interact with it.</P><P>We then noticed the memory consumption had shot to 1.5GB and beyond.</P><P>We quickly grabbed a heap snapshot to look.&nbsp; The most obvious thing that stood out was the sheer number of array buffers.&nbsp; From previous memory analysis, i remember there is usually one of these per Map/MapView but here we saw upwards of 16 in that page with just 4 maps.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_3-1729911403178.png" style="width: 835px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118185iBD320EF7F995751B/image-dimensions/835x200?v=v2" width="835" height="200" role="button" title="JonathanTiu_3-1729911403178.png" alt="JonathanTiu_3-1729911403178.png" /></span></P><P>&nbsp;</P><P>i then noticed one of them had a stack referring to the react dev tools.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="JonathanTiu_4-1729911503250.png" style="width: 708px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/118186i68E651E9A9D450C2/image-dimensions/708x347?v=v2" width="708" height="347" role="button" title="JonathanTiu_4-1729911503250.png" alt="JonathanTiu_4-1729911503250.png" /></span></P><P>So on a hunch,&nbsp;we uninstalled React Dev Tools and the problem completely disappeared!</P><P>We reran this scenario various times and noticed even while sitting on the browser tab, after a while, the memory consumption would start increasing even though we were not interacting with it at all.</P><P>I did google and it seems some people have accused the React Dev Tools of creating memory leaks.</P><P>Anyways i am bringing this up because i'm curious if Esri is aware of this?</P><P>&nbsp;</P> Sat, 26 Oct 2024 02:59:45 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/any-known-issues-with-react-dev-tools-causing/m-p/1552580#M85961 JonathanTiu 2024-10-26T02:59:45Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/any-known-issues-with-react-dev-tools-causing/m-p/1553395#M85992 <P>Good catch, I've been following your posts around the JSArrayBufferData bloat. I do know simply having dev tools open adds memory overhead in all cases, but never correlated it with React Dev Tools specifically. I want to say this is only a problem when you've got dev tools open and it's especially pronounced if you're running a local build of your app, which unfortunately is typically the primary dev workflow. I don't think these would be present in a production build, but cannot say for sure.</P> Tue, 29 Oct 2024 17:22:02 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/any-known-issues-with-react-dev-tools-causing/m-p/1553395#M85992 AddisonShaw 2024-10-29T17:22:02Z