We currently don't support promises as return values but only good old callbacks. You can make it work by appending .then(callback) like you also see it in the linked example.

It would be nice to enhance react-mentions adding support for returning promises, though. :)

We currently don't support promises as return values but on the good old callback. You can make it work by appending .then(callback) like you also see it in the linked example.

It would be nice to enhance react-mentions adding support for promises, though. :)

Hm. I tried that as well -
` fetchUsers = (query)=> {
let users;
console.log(query)
if (!query) return
axios.get(url.findUser(query)).then(resp =>
resp.data.data.map(user => ({ display: user.firstName, id: user._id }))
)

}`

The issue still persists (the above is identical to the example other than using axios instead of fetch, which should be inconsequential).

Your example still does not call the callback (second arg provided to your function). Change your code to:

fetchUsers = (query, callback)=> {
  let users;
  console.log(query)
  if (!query) return
  axios.get(url.findUser(query)).then(resp =>
    resp.data.data.map(user => ({ display: user.firstName, id: user._id }))
  ).then(callback)
}

Wow. Yes. When I changed it away from the promise I forgot to add in the callback. Apologies and many thanks for the quick response! Thank you. :)

Your example still does not call the callback (second arg provided to your function). Change your code to:

fetchUsers = (query, callback)=> {
  let users;
  console.log(query)
  if (!query) return
  axios.get(url.findUser(query)).then(resp =>
    resp.data.data.map(user => ({ display: user.firstName, id: user._id }))
  ).then(callback)
}

Also - is there any way to grab the values of the object in the array that is selected from the dropdown? I see onAdd but it seems like it only passes back the "id" back, and I need to grab several values.