HexagonLayer hexagons' z-indexes are wrong / reversed after swapping out React for Inferno

I wouldn’t normally expect a library to ‘just work’ after replacing something as fundamental as React, but the bug I hit actually seems orthogonal to the virtual DOM tool chosen.

Repro Steps

1. Install all required packages for deck.gl with react-mapbox-gl
2. Add inferno and its respective dependencies, and alias them to use inferno-compat via webpack
3. Render!

Observed

Expected

Here’s the code that creates the layer:

new HexagonLayer({
                id: 'data-layer',
                data,
                radius: 200,
                extruded: true,
                elevationRange: [0, 1000],
                opacity: 0.8,
                elevationScale: 4,
                coverage: 1,
            })

I did notice something odd, which was that extruded had to be explicitly set despite the docs claiming it defaults to true for this layer type. I wonder if there’s a difference in how default props are assessed?

[ibgreen]

@TedDriggs @colinsheppard Please check the following two lines

https://github.com/uber/deck.gl/blob/4.1-release/examples/3d-heatmap/deckgl-overlay.js#L100

https://github.com/uber/deck.gl/blob/4.1-release/examples/3d-heatmap/deckgl-overlay.js#L131

[ibgreen]

@TedDriggs - another thing that has failed is enabling of depth testing (z buffer). Either you might not have copied that code from the original example, or Inferno fails to call onWebGLInitialized.

Hard to say for sure, but does indeed appear like React property values fail to be set. Most of deck.gl’s React integration is in the linked source file so putting some breakpoints in there should help narrow it down.

If you are willing to open a PR with your example (maybe in examples/integrations/inferno we might be able to take a quick look as well.