I can't display an emoji for the second time to a textarea after I have used it, either by writing using the keyboard or have inserted an emoji previously. I can't figure out why it doesn't since the first time displays the emoji in the textarea.

 let template = document.querySelector('#chat')
 let div = document.importNode(template.content.firstElementChild, true)
 let textarea = chatDiv.querySelector('.messageArea')
 let btnShowEmojis = document.createElement('button')

 btnShowEmojis.addEventListener('click', () => {
    // Test
    textarea.innerText = String.fromCodePoint(0x1f600)
    // Also tried with textContent like
    // textarea.textContent = String.fromCodePoint(0x1f600)
  })
 // Empty the text content
 textarea.innerText = ''
 // Or
 // textarea.textContent = ''