React button to copy text to clipboard using a hidden input field

copy-button.js

import React from 'react'

function CopyButton({ value }) {
  const hiddenInput = React.createRef()

  function handleClick() {
    hiddenInput.current.select()
    hiddenInput.current.setSelectionRange(0, 99999)
    document.execCommand('copy')
    console.log(`copied '${value}'`)
  }

  return (
    <div>
      <button onClick={handleClick}>Copy Text</button>
      <input readOnly hidden value={value} ref={hiddenInput} />
    </div>
  )
}

export default CopyButton