Cannot read property 'tileProvider' of undefined

[richard-smith-sky]

I'm having some problems with Resium in a new application, when I change from one Route to another using a NavLink. The application initially loads fine and I can change Route to the page featuring a Resium map Viewer. However, when I navigate away again using another NavLink, and the map should no longer be shown, the application crashes and the following error is observed:

Uncaught TypeError: Cannot read property 'tileProvider' of undefined
at Globe.get (Cesium.js:220884)
at eval (resium.es.js:588)
at Array.forEach ()
at detachEvents (resium.es.js:585)
at CesiumComponent.unmount (resium.es.js:794)
at CesiumComponent.componentWillUnmount (resium.es.js:751)
at callComponentWillUnmountWithTimer (react-dom.development.js:17733)
at HTMLUnknownElement.callCallback (react-dom.development.js:147)
at Object.invokeGuardedCallbackDev (react-dom.development.js:196)
at invokeGuardedCallback (react-dom.development.js:250)
at safelyCallComponentWillUnmount (react-dom.development.js:17740)
at commitUnmount (react-dom.development.js:18170)
at commitNestedUnmounts (react-dom.development.js:18206)
at unmountHostComponents (react-dom.development.js:18493)
at commitDeletion (react-dom.development.js:18557)
at commitAllHostEffects (react-dom.development.js:19422)
at HTMLUnknownElement.callCallback (react-dom.development.js:147)
at Object.invokeGuardedCallbackDev (react-dom.development.js:196)
at invokeGuardedCallback (react-dom.development.js:250)
at commitRoot (react-dom.development.js:19661)
at eval (react-dom.development.js:21247)
at Object.unstable_runWithPriority (scheduler.development.js:255)
at completeRoot (react-dom.development.js:21246)
at performWorkOnRoot (react-dom.development.js:21169)
at performWork (react-dom.development.js:21074)
at performSyncWork (react-dom.development.js:21048)
at interactiveUpdates$1 (react-dom.development.js:21333)
at interactiveUpdates (react-dom.development.js:2268)
at dispatchInteractiveEvent (react-dom.development.js:5086)

I notice that the same error can be created on the demo application if I navigate from here:

https://resium.darwineducation.com/examples/?path=/story/clock--basic

to here:

https://resium.darwineducation.com/examples/?path=/story/cesium3dtileset--basic

It seems to be a lifecycle error and I've experimented with manually destroying the Viewer from my component, but this does not seem to work.

This is an approximation of the code I'm using - the terrain and imagery providers are generated as constants before the map is rendered:

<Viewer
    className="radius"
    full
    imageryProvider={false}
    animation={false}
    vrButton={false}
    geocoder={false}
    homeButton={false}
    fullscreenButton={false}
    baseLayerPicker={false}
    infoBox={true}
    navigationHelpButton={false}
    timeline={false}
    sceneMode={SceneMode.SCENE2D}
    sceneModePicker={false}
    terrainProvider={ionTerrainProvider}
>
    <Scene
        sunBloom={false}
        shadowMap={false}
        terrainShadows={false}
        shadows={false}
        fxaa
        resolutionScale={1}
        backgroundColor={Color.ALICEBLUE}
    >
        <Globe
            tileCacheSize={10000}
            baseColor={Color.ALICEBLUE}
            depthTestAgainstTerrain={false}
            enableLighting={false}
        >
            <ImageryLayer imageryProvider={bingImageryProvider} />
            <ImageryLayer imageryProvider={anotherImageryProvider} />
        </Globe>
    </Scene>
</Viewer>

Many thanks for your help in this area.

[rot1024]

Hi, thank you for reporting a bug!

It has been fixed and new version v1.3.1 has been released.

[richard-smith-sky]

Many thanks - problem fixed.

[mrlubos]

Looks like my issue in #77 @rot1024, thanks for the fix! ❤️