useCopyToClipboard reset value

[benjick]

Hello

I'm using useCopyToClipboard in a list, and I have some code like this:

<Button
  variant="secondary"
  className="shrink-0"
  size="icon"
  onClick={handleCopy}
>
  {copyValue === url ? (
    <CheckIcon className="h-4 w-4 text-green-500" />
  ) : (
    <ClipboardCopyIcon className="h-4 w-4" />
  )}
</Button>

When I copy the first row; the CheckIcon renders. Then when I copy the second row the value isn't updated in the first one. I'm guessing this is because observing the clipboard is impossible. Are there any recommended workarounds for this? Do I need to implement a context that keeps track of the last copied value?

Cheers