Error: initialization of TextLayer({id: 'text'}): deck.gl: assertion failed.

[lirosezhikang]

when I use 'renderSubLayers' to render a new TextLayer in MVTLayer,this error occurred

`deck.js:107

   Error: initialization of TextLayer({id: 'text'}): deck.gl: assertion failed.
at assert (assert.js:5:11)
at TextLayer._initState (layer.js:986:66)
at TextLayer._initialize (layer.js:689:10)
at LayerManager._initializeLayer (layer-manager.js:252:13)
at LayerManager._updateSublayersRecursively (layer-manager.js:221:16)
at LayerManager._updateSublayersRecursively (layer-manager.js:235:14)
at LayerManager._updateLayers (layer-manager.js:186:10)
at LayerManager.setLayers (layer-manager.js:143:10)
at LayerManager.updateLayers (layer-manager.js:153:12)
at Deck._onRenderFrame (deck.js:677:23)`

this is my code；

const segmentLayer = new MVTLayer({
    id: 'segment',
    data: 'http://192.168.125.71:8090/hub/spaces/SEGMENT/tile/web/{z}_{x}_{y}.mvt',
    minZoom: 0,
    maxZoom: 23,
    binary: false,
    visible: true,
    renderSubLayers: props => {
        const { z } = props.tile;
        const pointCollection = new Array();
        props.data.forEach(element => {
            if (element.geometry.type === 'LineString') {
                let start = turf.point(element.geometry.coordinates[0]);
                let end = turf.point(element.geometry.coordinates[1]);
                let mid = turf.midpoint(start, end);
                let point = turf.point(mid.geometry.coordinates, { text: element.properties.FIRST, AZIMUTH: element.properties.AZIMUTH });
                pointCollection.push(point);
            }
        });
        return [
            new GeoJsonLayer(props, {
                visible: props.visible,
                lineWidthUnits: 'pixels',
                getLineColor: getSegmentColor(z),
                getLineWidth: getSegmentWidth(z),
                lineWidthMaxPixels: 20,
                lineJointRounded: true,
                lineWidthMinPixels: 1,
                getDashArray: [3, 2],
                dashJustified: true,
                dashGapPickable: true,
                extensions: [new PathStyleExtension({ dash: true })]
            }),
            new TextLayer(props, {
                id:'text',
                visible: isVisable(z),
                data: pointCollection,
                getText: f => f.properties.text,
                getColor: [255, 255, 255, 255],
                getSize: 20,
                getPosition: f => f.geometry.coordinates,
                getAngle: f => f.properties.AZIMUTH,
                getBorderColor: [0, 0, 0, 255],
            })
        ];
    }
});

[Pessimistress]

You are rendering a TextLayer of id: 'text' for each tile. Layer ids must be unique. Use something like props.id + '-text'.

[lirosezhikang]

thanks