Copy a text field to the clipboard (used in react, but can be extended to other frameworks)

copy_to_clipboard.js

const copyToClipboard = textRef => e => {
    e.target.focus();
    let text = textRef.current.value;
    if (navigator && navigator.clipboard) {
      navigator.clipboard.writeText(text);
    } else {
      // Safari support
      let element = document.createElement('a');
      element.setAttribute('href', text);
      element.textContent = text;
      document.body.appendChild(element);
      let range;
      if (document.selection) {
        range = document.body.createTextRange();
        range.moveToElementText(element);
        range.select();
      } else if (window.getSelection) {
        range = document.createRange();
        range.selectNode(element);
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range);
      }
      document.execCommand('copy');
      element.remove();
    }
    textRef.current.select();
  };