Widget Cleanup Throws Error

developerarce — Fri, 05 Feb 2021 19:51:27 GMT

Following this guide: Feature Filters

When moving to another route (react) or effectively "cleaning up", I get thrown the following error in console.

Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

If I remove the line of code `view.ui.add(filterExpand, "top-left");` then I have no issues. I am not sure what I am doing wrong, because the guide above has no explicit cleanup.

My code:

Re: Widget Cleanup Throws Error

developerarce — Fri, 05 Feb 2021 20:03:01 GMT

Solution:

Before

<> <div id="stuff-filter" className={classes.filter}> {items.map((item, index) => ( <div className={`FilterItem ${classes.filterItem}`} data-stuff={item}>{item}</div> ))} </div> <div className={classes.mapImage} ref={mapDiv}></div> </>

After

<> <div className={classes.mapImage} ref={mapDiv}> <div id="stuff-filter" className={classes.filter}> {items.map((item, index) => ( <div className={`FilterItem ${classes.filterItem}`} data-stuff={item}>{item}</div> ))} </div> </div> </>

topic Widget Cleanup Throws Error in ArcGIS JavaScript Maps SDK Questions

Widget Cleanup Throws Error

Re: Widget Cleanup Throws Error