@repo/utils-react

@repo/utils-react provides shared React utility hooks:

• useCopyToClipboard for copying text to the clipboard with success/error feedback.
• useIsMac for detecting whether the user is on macOS.
• useControllableState for components that support both controlled and uncontrolled state.

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