FeatureTable selected row not highlighted on map

PL1

Hello I am using arcgis/core version 4.21.2. I am creating a web application based on ArcGIS API for JavaScript.

My problem is that I am not able to highlight selected rows on map. My code is the following

 

const [featureTable, setFeatureTable] = useState(null as any);

useEffect(() => {
    const map = new Map({
      basemap: "arcgis-topographic",
      layers: layers.map((layer, index) => layer.mapImageLayer),
    });
    
    const view = new MapView({
      zoom: INITIAL_ZOOM,
      center: LOCATION_CENTER,
      map: map,
    });

    const initWidgetParams = {
      allotmentRef: allotmentRef,
      globalFeatureTable: new FeatureTable({
        view: view,
        menuConfig: {
          items: []
        }
      }),
      featureTableVisibility: false,
      view: view
    };

    view.when(() => { 
      initWidgets(initWidgetParams)
    });

    setFeatureTable(initWidgetParams.globalFeatureTable);
  }, []);

 

 

I hope the code is clarifying.

PL1

Hello and thank you for the response!

I did not post a larger snippet as the program is quite large. Inside the InitWidgets function I set the layer to the FeatureTable this way 

 

layerList.on("trigger-action", function(event: { item: any; action: any }) {
  const layer = event.item.layer;
  layer
    .createFeatureLayer()
    .then((featureLayer: FeatureLayer) => {
      globalFeatureTable.layer = featureLayer;
      return featureLayer.load();
    })
})

 

 where the layerList is a LayerList widget.