Why autoHighlight not working on MVT Layer in Deck.Gl even with uniqueId?

[itisMilan]

I am a beginner in GIS, What I am intending to do is a highlight a point on MVT layer when it is picked. I am using Deck.GL with react. I already tried using autoHighlight but it doesn't seem to work with MVTLayer. Is there any workaround for this?

import { mvtPointFillColor, MvtPolygonFillColor, MvtPolygonLineColor, MvtPolygonLineWidth, MvtPolygonElevation, ThematicGeneratorString, ExtractMvtOptions } from '../utils';
import { hexArrayToRGBArray, hexToRgb } from '../utils/HexToRgb';
import { colorShades } from '../ColorShades';
import pointerImg from '../pointer40.png'
import { CollisionFilterExtension, DataFilterExtension } from '@deck.gl/extensions';
import { checkIfExistsAndMatch, isDateInRange } from '../utils/filterCheck';
import { useCallback } from 'react';


const CreateMvtPointLayer = (layer, layerProps, dispatch, addMvtOptions, currerntZoom, territoryValues, userDetails, transformedArray, DateAndTimeFilter, handleFilteredData, isTableView) => {

    let isVisible = true;
    isVisible = layer?.is_Visible;
    return new MVTLayer({
        id: layer?.layer_Id,
        data: (layer?.geom !== null || undefined) && layer?.geom,
        extensions: [new CollisionFilterExtension()],
        visible: isVisible && currerntZoom >= layerProps[0]?.minzoom && currerntZoom <= layerProps[0]?.maxzoom,
        lineWidthUnits: 'pixels',
        minZoom: layerProps[0]?.minzoom,
        maxZoom: layerProps[0]?.maxzoom,
        getPointRadius: 10,
        pointRadiusMinPixels: 5,
        pointRadiusMaxPixels: 10,
        pointRadiusScale: 1,
        getLineWidth: 1.3,
        lineWidthMinPixels: 1,
        lineWidthMaxPixels: 4,
        lineWidthScale: 1,
        getIconSize: 32,
        pointType: layer?.point_Type,
        pickable: true,
        autoHighlight: true,
        highlightColor: [255, 255, 255, 255],
       uniqueIdProperty:'id',

        getFillColor: (data) => mvtPointFillColor(data, layer, layerProps, dispatch, addMvtOptions, territoryValues, userDetails, transformedArray, DateAndTimeFilter, handleFilteredData, isTableView),

        getIcon: () => ({
            url: pointerImg,
            width: 32,
            height: 32,
            mask: true
        }),
        
        getLineColor: (data) => {
            ExtractMvtOptions(layer?.layer_Id, data, dispatch, addMvtOptions)

            const DateCheck = isDateInRange(data?.properties, DateAndTimeFilter);
            let territory_exist = data?.properties?.Skedulo_Region;
            const isValueInArray = territoryValues.includes(territory_exist);
            const match = checkIfExistsAndMatch(transformedArray,data?.properties);

            if ((isValueInArray === true && territory_exist !== undefined) || userDetails?.application_role_name === 'Admin') {
                if (DateCheck && match) {
                                if (!layerProps[0]?.outline_Colour_Toggle) {
                                    return [0, 0, 0, 0]
                                }
                                else {
                                    if (typeof (layerProps[0]?.outline_Color) === 'string') {
                                        return hexToRgb(layerProps[0]?.outline_Color, 255)
                                    }
                                }
                } else {
                    return [0, 0, 0, 0];
                }
            }
            else {
                return [0, 0, 0, 0];
            }
        },
        getIconColor: (data) => mvtPointFillColor(data, layer,dispatch, ......, isTableView),

        updateTriggers: {
            getFillColor: [layer, layerProps, layerProps[0]?.marker_Based_On, ........, layerProps[0]?.fill_Color_Steps, layerProps[0]?.is_Reversed_FillColor, .....],
            getLineColor: [layerProps[0]?.outline_Colour_Toggle, .....],
            getIconColor: [layer, layerProps,......],
            getFilterValue: [layer, layerProps, ......]
        },
    });
}

export default CreateMvtPointLayer;

[Pessimistress]

You need to inspect your data and see if there is an "id" field in properties.