@repo/utils-react

@repo/utils-react provides shared React utility hooks. It currently exports useCopyToClipboard for copying text to the clipboard with success/error feedback.

Dependencies

flowchart LR
  utilsReact["@repo/utils-react"]
  ts["@repo/typescript-config"]
  vitest["@repo/vitest-config"]
  utilsReact -.-> ts
  utilsReact -.-> vitest

Usage

import { useCopyToClipboard } from "@repo/utils-react/hooks";

function CopyButton({ text }: { text: string }) {
  const { copy, copied } = useCopyToClipboard();

  return (
    <button onClick={() => copy(text)}>
      {copied ? "Copied!" : "Copy"}
    </button>
  );
}
Copy

Scripts