Needs to handle this error more gracefully

[Robbie1977]

Steps to reproduce the problem:

Please fill the below with the necessary steps to reproduce the problem

Seems to be an issue with this template see specific tree issue ticket but we need to check getId exists before calling anyway.

Error Information:

Cannot read properties of null (reading 'getId')

TypeError: Cannot read properties of null (reading 'getId') at VFBTree.render (webpack:///./containers/VFBMainContainer.js_+_297_modules?:18162:95) at finishClassComponent (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:17160:31) at updateClassComponent (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:17110:24) at beginWork (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:18620:16) at HTMLUnknownElement.callCallback (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:188:14) at Object.invokeGuardedCallbackDev (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:237:16) at invokeGuardedCallback (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:292:31) at beginWork$1 (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:23203:7) at performUnitOfWork (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:22157:12) at workLoopSync (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:22130:22)

%2D Warning: Can't perform a React state update on an unmounted component. This is a no%2Dop, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in %s.%s
the componentWillUnmount method

    in SlideshowImageComponent (created by GridRow)
    in td (created by GridRow)
    in tr (created by GridRow)
    in GridRow (created by GridRowContainer)
    in GridRowContainer (created by GridTable)%0A%2D The above error occurred in the <VFBTree> component:
    in VFBTree (created by Connect(VFBTree))
    in Connect(VFBTree) (created by Connect(VFBTree))
    in Connect(VFBTree) (created by Tab)
    in div (created by Tab)
    in div (created by Tab)
    in Tab (created by Layout)
    in div (created by Layout)
    in Layout (created by VFBMain)
    in div (created by VFBMain)
    in VFBMain (created by Connect(VFBMain))
    in Connect(VFBMain) (created by Connect(Connect(VFBMain)))
    in Connect(Connect(VFBMain)) (created by component)
    in component (created by Route)
    in Route
    in Switch
    in Router (created by BrowserRouter)
    in BrowserRouter
    in Provider
    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.

[Robbie1977]

See #314

[Robbie1977]

same issue as #316 with different trigger