Latest Contributions by ReneRubalcava

Custom Search sources are going to vary based on what third-party API you are using. So you need to be familiar with the parameters that API needs. The samples are using the esriRequest to make the queries, but you don't have to. You can use native fetch, or axios, or any other request style library you are comfortable with. https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html The ?q= is created by esriRequest, because that is how the sample API needs to be parsed. Your API is different. The %2F comes from url encoding. Without going into detail, this is how URL requests get encoded to escape special characters. This is standard. This was specific to the sample API being used, your API will require different parameters. Your API doesn't need the lat/lon parameters, so you can omit them. The sourceIndex is the index of the search source being referenced. This is given to you in the parameters of the getSuggestions method. https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#GetSuggestionsParameters The power of using custom search sources is that you can transform any searchable third-party API into something that be used by the Search widget, meaning each API will need to handled on a case by case basis. The API parameters will differ, the results will differ, but as long as you transform those results into something the ArcGIS JSAPI expects, you can make it work. This Swiss search API can return GeoJSON results, so that makes it a little easier to work with, but you need to specify the spatial reference as well. Here is an update to your app that uses the parameters as described in that search API doc and seems to work correctly. https://codepen.io/odoe/pen/QWmpVdQ?editors=0011 ... View more

Not sure how you are loading the FeatureTable, but you can use the return function of the useEffect and set featureTable.container = null, to remove the reference and set it when it loads Something like this useEffect(() => { if (table) { table.container = tableRef.current; } else { table = new FeatureTable({ container: tableRef.current }); } return () => table.container = null; }, [tableRef]); ... View more