copy-to-clipboard.js

function CopyButton({ value }) {
  let [copied, setCopied] = React.useState();
  let hydrated = usePageIsHydrated();
  React.useEffect(() => {
    let id = setTimeout(() => setCopied(false), 2000);
    return () => clearTimeout(id);
  }, [copied]);

  return (
    <button
      disabled={!hydrated}
      onClick={() => {
        navigator.clipboard.writeText(value);
        setCopied(true);
      }}
    >
      <ClipboardSvgIcon />
      {copied ? "Copied!" : "Copy"}
    </button>
  );
}

Do you mind sharing usePageIsHydrated?