Copy Input, requires semantic-ui-react semantic-ui-css

CopyInput.js

import React from 'react'
import { Button, Input } from 'semantic-ui-react'

function CopyInput({ value, label }) {
  const input = React.createRef()

  function handleClick() {
    input.current.select()
    // input.current.setSelectionRange(0, 99999)
    document.execCommand('copy')
  }

  return (
    <Input
      labelPosition='right'
      ref={input}
      readOnly
      value={value}
      label={<Button onClick={handleClick} content={label} icon='copy' />}
    />
  )
}

export default CopyInput