PickerfieldCustom not working as expected

Hi all ,

I am working on a use case wherein I require that country names are auto-suggested on typing the initial characters of the country. But my code is not behaving as expected and the suggested countries are not accurate. Please go through it. Any help is much appreciated.

The interface rule is as follows :

load(
  local!OrganisationPicker,
  local!CountryPicker,
  {
    a!pickerFieldCustom(
      label: "Country",
      labelPosition: "ABOVE",
      placeholder: "--Type to search for country--",
      maxSelections: 1,
      suggestFunction: rule!getCountryByFilter(
        country: _
      ),
      selectedLabels: local!CountryPicker,
      value: local!CountryPicker,
      saveInto: {
        local!CountryPicker
      }
    ),
    a!textField(
      value: local!CountryPicker,
      readOnly: true,
      label: "CountryPicker"
    )
  }
)

The suggest function used here is

load(
  local!query: a!queryEntity(
    entity: cons!ABC,
    query: a!query(
      logicalExpression: a!queryLogicalExpression(
        operator: "AND",
        filters: {
          a!queryFilter(
            field: "domicileCountry",
            operator: "includes",
            value: ri!country,
            applyWhen: not(
              rule!APN_isBlank(
                ri!country
              )
            )
          )
        }
      ),
      pagingInfo: a!pagingInfo(
        1,
        20
      )
    ),
    fetchTotalCount: true
  ),
  a!dataSubset(
    data: rule!APN_distinct(
      index(
        local!query.data,
        "domicileCountry",
        {}
      )
    ),
    identifiers: local!query.data,
    totalCount: length(
      rule!APN_distinct(
        index(
          local!query.data,
          "domicileCountry",
          {}
        )
      )
    )
  )
)

Thanks in advance,

Ishani Joshi