Alexander Densley alexander-densley
KristofferEriksson
/ use-copy-to-clipboard.ts
Created
January 22, 2024 11:32
Custom React hook for effortless text copying to clipboard! It handles copy status with a customizable timer and error management.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { useCallback, useState } from "react"; | |
| // Custom hook to copy text to clipboard | |
| const useCopyToClipboard = (timeoutDuration: number = 1000) => { | |
| const [copied, setCopied] = useState(false); | |
| const [error, setError] = useState<Error | null>(null); | |
| const copyToClipboard = useCallback( | |
| async (text: string) => { | |
| try { |