Convert HTML Entities -what's wrong!?!?

Tell us what’s happening:
I console logged my answer and verified that the result matches the test solution. Please LMK what I’m doing wrong. Thanks!

Your code so far


function convertHTML(str) {
  // :)
  let pairs = {
    '&': '&​amp;',
    '<': '&​lt;',
    '>': '&​gt;',
    '"': 'marks&​quot;',
    '\'': '&​apos;'
  }
  let arr = str.split('')

  let newArr = arr.map(char => {
    if(pairs.hasOwnProperty(char)){
      return pairs[char]
    }
    return char
  })
  let finalArr = newArr.join('')
  console.log(finalArr)
  return finalArr;
}

convertHTML("Dolce & Gabbana")

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities

Aside from the obvious marks before &quot; in the pairs object, there’s an invisible character after the & in the entity strings, which cause the tests to fail. Try retyping those strings.