Error from Clear All button press

[Robbie1977]

Steps to reproduce the problem:

Open http://v2-dev2.virtualflybrain.org/org.geppetto.frontend/geppetto?id=VFB_00101286&i=VFB_00017894,VFB_00101286,VFB_00101278,VFB_00101279,VFB_00101277,VFB_00101280,VFB_00101286,VFB_00101278,VFB_00101279,VFB_00101277,VFB_00101280,VFB_00017894

Then click CLEAR ALL.

I suspect it's timing related so may not be easily repeatable.

Error Information:

VFB_00101284 is not defined

ReferenceError: VFB_00101284 is not defined at eval (eval at addControlButtons (webpack:///./node_modules/@geppettoengine/geppetto-client/js/components/interface/controlPanel/controlpanel.js?), :1:1) at Object.addControlButtons (webpack:///./node_modules/@geppettoengine/geppetto-client/js/components/interface/controlPanel/controlpanel.js?:365:19) at Object.render (webpack:///./node_modules/@geppettoengine/geppetto-client/js/components/interface/controlPanel/controlpanel.js?:396:12) at finishClassComponent (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:18407:31) at updateClassComponent (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:18360:24) at beginWork$1 (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:20108:16) at HTMLUnknownElement.callCallback (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:362:14) at Object.invokeGuardedCallbackDev (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:411:16) at invokeGuardedCallback (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:466:31) at beginWork$$1 (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:25730:7)

  VFB_00101277 deleted...
  Removing VFB_00101277 from 59
  Passing 59 instances
- The above error occurred in one of your React components:
    in Unknown (created by GridRow)
    in td (created by GridRow)
    in tr (created by GridRow)
    in GridRow (created by GridRowContainer)
    in GridRowContainer (created by GridTable)
    in tbody (created by GridTable)
    in table (created by GridTable)
    in div (created by GridTable)
    in GridTable (created by Griddle)
    in div (created by Griddle)
    in div (created by Griddle)
    in div (created by Griddle)
    in Griddle (created by ControlPanel)
    in div (created by ControlPanel)
    in ControlPanel (created by VFBMain)
    in div (created by VFBMain)
    in div (created by VFBMain)
    in VFBMain (created by Route)
    in Route
    in Switch
    in Router (created by BrowserRouter)
    in BrowserRouter
    in ErrorCatcher (created by WithStyles(ErrorCatcher))
    in WithStyles(ErrorCatcher)

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorCatcher.
- The above error occurred in one of your React components:
    in Unknown (created by GridRow)
    in td (created by GridRow)
    in tr (created by GridRow)
    in GridRow (created by GridRowContainer)
    in GridRowContainer (created by GridTable)
    in tbody (created by GridTable)
    in table (created by GridTable)
    in div (created by GridTable)
    in GridTable (created by Griddle)
    in div (created by Griddle)
    in div (created by Griddle)
    in div (created by Griddle)
    in Griddle (created by ControlPanel)
    in div (created by ControlPanel)
    in ControlPanel (created by VFBMain)
    in div (created by VFBMain)
    in div (created by VFBMain)
    in VFBMain (created by Route)
    in Route
    in Switch
    in Router (created by BrowserRouter)
    in BrowserRouter
    in ErrorCatcher (created by WithStyles(ErrorCatcher))
    in WithStyles(ErrorCatcher)

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorCatcher.
- The above error occurred in one of your React components:
    in Unknown (created by GridRow)
    in td (created by GridRow)
    in tr (created by GridRow)
    in GridRow (created by GridRowContainer)
    in GridRowContainer (created by GridTable)
    in tbody (created by GridTable)
    in table (created by GridTable)
    in div (created by GridTable)
    in GridTable (created by Griddle)
    in div (created by Griddle)
    in div (created by Griddle)
    in div (created by Griddle)
    in Griddle (created by ControlPanel)
    in div (created by ControlPanel)
    in ControlPanel (created by VFBMain)
    in div (created by VFBMain)
    in div (created by VFBMain)
    in VFBMain (created by Route)
    in Route
    in Switch
    in Router (created by BrowserRouter)
    in BrowserRouter
    in ErrorCatcher (created by WithStyles(ErrorCatcher))
    in WithStyles(ErrorCatcher)

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorCatcher.
- The above error occurred in one of your React components:
    in Unknown

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
  USER: 129.215.91.159  Edinburgh, SC, United Kingdom
  USER: 129.215.91.159  Edinburgh, SC, United Kingdom
  USER: 129.215.91.159  Edinburgh, SC, United Kingdom

[ddelpiano]

@jrmartin the clear all is implemented in the FocusTerm,js component, here a reference.

[ddelpiano]

@jrmartin for geppetto-vfb you can use development, for geppetto-client you can use feature/101 or either copy the fix that I applied to the controlpanel in that branch and work that on a new one. https://github.com/openworm/geppetto-client/pull/104/files#diff-32101ce7630d3cb990cd4ba533d49591R377

[Robbie1977]

@ddelpiano Occured with the latest version on v2-dev2 while removing multiple anatomy regions:

Error Information:

VFB_00030903 is not defined

ReferenceError: VFB_00030903 is not defined at eval (eval at addControlButtons (webpack:///./node_modules/@geppettoengine/geppetto-client/js/components/interface/controlPanel/controlpanel.js?), :1:1) at Object.addControlButtons (webpack:///./node_modules/@geppettoengine/geppetto-client/js/components/interface/controlPanel/controlpanel.js?:361:19) at Object.render (webpack:///./node_modules/@geppettoengine/geppetto-client/js/components/interface/controlPanel/controlpanel.js?:392:12) at finishClassComponent (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:18451:31) at updateClassComponent (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:18404:24) at beginWork$1 (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:20161:16) at HTMLUnknownElement.callCallback (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:336:14) at Object.invokeGuardedCallbackDev (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:385:16) at invokeGuardedCallback (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:440:31) at beginWork$$1 (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:25738:7)