Query feature layer in React function component with Experience Builder developer edition v1.14

[Ming]

Anyone has experience to query feature layer in React function component with Experience Builder developer edition v1.14? Following simple code just failed to load.

import Query from 'esri/rest/support/Query'

export default function Filter () {

      const query = new Query()

}

It can load if remove that one line Query code. ChatGPT says "Using esri/rest/support/Query in a React function component can be challenging due to the asynchronous nature of the ArcGIS API and the lifecycle of React components. ", so changed to use useEffect, useRef, but still doesn't work.

Thanks for any suggestion!

[Junshan_Liu]

What errors do you see after using the useEffect?

[Ming]

Thank you @Junshan_Liu very much for response. On GUI it shows same message "Fail to load".

The detailed error is:

 

 

[Junshan_Liu · Accepted solution]

Oh, can you add the "dependency": "jimu-arcgis", into the widget manifest.json?

[Ming]

@Junshan_Liu Thank you so much for your magical power, it works now, cheers!