Viewer remounting on changing entities causing severe lag

Hi all, I went from v0.2.2 to 1.0.0 didn’t change any code and started getting a severe drop in performance. These entities are being updated about every second to a new location so on zooming in they will be moving. Before:

After:

code:

const entities = Object.values(events).map((e) => {
    const lat = e.geometry.coordinates[0];
    const long = e.geometry.coordinates[1];
    const z = e.geometry.coordinates[2];
    const identifier = e.properties.identifier.toLowerCase();
    const color = entityColors[identifier]? entityColors[identifier] : '#FFFF00';

    return (
        <Entity
             key={e.properties.callsign}
             name={e.properties.callsign}
             position={Cartesian3.fromDegrees(lat,long,z)}
             point={{ pixelSize: 10,color: Color.fromCssColorString(color) }} />
    );
});

return(
<Viewer full>
    <Scene>
        <Camera onMoveEnd={this.onMoveEnd} ref={ref => this.camera = ref} >
            {entities}
        </Camera>
    </Scene>
</Viewer>
);

[tmercado]

Awesome thank you! I got it almost the speed I want.

[rot1024]

PointPrimitive example:

• https://github.com/darwin-education/resium/blob/master/src/stories/PointPrimitive.stories.tsx

Documentation:

• PointPrimitive
• PointPrimitiveCollection