Circles duplicated on zoom between zoom level cutoffs

[pjsier]

mapbox-gl-js version: 0.42.1 (but also seen in 0.42.2)

Steps to Trigger Behavior

1. Create a circle layer with an opacity less than 1, or that changes size on zoom
2. Zoom into the layer, and around breakpoints between zoom levels the circles are duplicated

Expected Behavior

Circles should change gradually if there is a zoom function or expression applied

Actual Behavior

Circles look like they're being duplicated between layers, but the duplicate is removed after zooming a bit further. Here are two examples:

From a data-driven styling demo on 0.42.1 where you can see the opacity change where it looks like the circles are duplicated:

An example where the duplication is more clear with size and opacity change is more clear, on 0.42.2:

Whenever this appears, this error is logged in the console:

columnNumber: 765
fileName: "https://api.tiles.mapbox.com/mapbox-gl-js/v0.42.1/mapbox-gl.js"
lineNumber: 490
message: "Error"
stack: "[243]</Actor.prototype.receive@https://api.tiles.mapbox.com/mapbox-gl-js/v0.42.1/mapbox-gl.js:490:765\n"

[jfirebaugh]

Duplicate of #4691. In this case, it looks like the response code is 404 instead of 200, but the result is the same.

[pjsier]

@jfirebaugh thanks for the quick reply, and sorry for missing that. In that issue a 200 code with empty content raises an exception, but based on #1800 shouldn't a 404 be handled the same way as a 204?

[jfirebaugh]

A 200 with empty content and a 404 both trigger loading parent tiles, which is what causes overdrawing.

[pjsier]

Great, thanks for the clarification!

[jfirebaugh]

→ #6768