Error "Cannot read property 'hasTransition' of undefined" with version 0.42.1

[mikkom]

mapbox-gl-js version: 0.42.1

Steps to Trigger Behavior

1. Update from version 0.41.0 to 0.42.1
2. Open page with map component

Expected Behavior

Map renders correctly.

Actual Behavior

Map does not show up (only the map controls do) and console shows the following error:

mapbox-gl.js:374 Uncaught TypeError: Cannot read property 'hasTransition' of undefined
    at t.hasTransitions (mapbox-gl.js:374)
    at e._render (mapbox-gl.js:484)

I also tried switching our custom style to mapbox://styles/mapbox/streets-v9 but the issue still remained.

[jfirebaugh]

Thanks for using Mapbox, and sorry to hear you're running into an issue. In order for us to diagnose this issue, we'll need to be able to reproduce it ourselves. Could you please create a minimal self-contained JSFiddle that demonstrates the issue?

[jfirebaugh]

We were able to figure out how to replicate this locally. Thanks for reporting.

[mikkom]

Awesome, thanks! I'll try to run my app with the master revision ASAP.

[mikkom]

Yep, seems to work fine again 👍

[adamal]

I'm having an issue that looks similar enough that I'll post here:

With a style that loads fine using styleUrl: at initialization, i get the following error with 0.42.2 when using setStyle. I did not have these in 0.41.
A few other styles load correctly.

core.es5.js:1020 ERROR TypeError: Cannot read property 'r' of undefined
    at color (interpolate.js:18)
    at DataDrivenProperty.interpolate$2 [as interpolate] (properties.js:566)
    at TransitioningPropertyValue.possiblyEvaluate (properties.js:287)
    at Transitioning.possiblyEvaluate (properties.js:320)
    at FillStyleLayer.recalculate (fill_style_layer.js:30)
    at Style._recalculate (style.js:313)
    at Map._render (map.js:1452)
    at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425)
    at Object.onInvokeTask (core.es5.js:3881)
    at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:424)

core.es5.js:1020 ERROR TypeError: Cannot read property 'get' of undefined
    at Function.createDynamic (program_configuration.js:285)
    at Function.deserialize (program_configuration.js:392)
    at new ProgramConfigurationSet (program_configuration.js:421)
    at new LineBucket (line_bucket.js:127)
    at LineStyleLayer.createBucket (line_style_layer.js:46)
    at deserialize (bucket.js:95)
    at Tile.loadVectorData (tile.js:149)
    at VectorTileSource.done (vector_tile_source.js:125)
    at Actor.receive (actor.js:80)
    at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425)