react copy hooks useCopyClipboard

useCopyClipboard.ts

import { useState } from "react";
import copy from "@utils/copy";
export default function useCopyClipboard(
  text: string
): [boolean, (v: boolean) => void] {
  const [isCopied, setIsCopied] = useState(false);

  return [
    isCopied,
    (setcopy = true) => {
      if (setcopy) {
        const didCopy = copy(text);
        setIsCopied(didCopy);
      } else {
        setIsCopied(setcopy);
      }
    }
  ];
}

utils_copy.ts

function dynamicNode(text) {
  var node = document.createElement("pre");
  node.style.position = "fixed";
  node.style.fontSize = "0px";
  node.textContent = text;
  return node;
}

export default function(text) {
  var node = dynamicNode(text);
  document.body.appendChild(node);
  var selection = getSelection();
  selection.removeAllRanges();
  var range = document.createRange();
  range.selectNodeContents(node);
  selection.addRange(range);
  document.execCommand("copy");
  selection.removeAllRanges();
  document.body.removeChild(node);
  return true;
}