How to copy paste HTML DOM elements in ReactJS

I want to copy the <span data-dcvarid=261>{GENDER-261-234}</span> element and paste only like dom element. Now it's past like plain text. How can I fix that?

import { CopyToClipboard } from 'react-copy-to-clipboard';

const copiedValue = `<span data-dcvarid=261>{GENDER-261-234}</span>`;
... 

<CopyToClipboard text={copiedValue} onCopy={() => message.success(`${name} was copied`)}>
  Click to copy
</CopyToClipboard>