useCopy

use-copy.ts
Copy code
import { useCallback, useEffect, useRef, useState } from 'react';
 
export function useCopy(text: string, copyTimeout = 3000) {
  const [isCopied, setIsCopied] = useState(false);
  const timeout = useRef<NodeJS.Timeout | null>(null);
 
  useEffect(() => {
    return () => {
      if (timeout.current) {
        clearTimeout(timeout.current);
      }
    };
  }, []);
 
  const copy = useCallback(() => {
    if (timeout.current) {
      clearTimeout(timeout.current);
    }
    navigator.clipboard.writeText(text);
    setIsCopied(true);
    timeout.current = setTimeout(() => {
      setIsCopied(false);
    }, copyTimeout);
  }, [text, copyTimeout]);
 
  return { isCopied, copy };
}