write custom hook

Author: majeeddl

Diff for: base-project-ts/package.json

@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "^1.9.6",
+    "copy-to-clipboard": "^3.3.3",
     "formis-react": "^1.0.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

Diff for: base-project-ts/src/hooks/copyClipboard.hook.tsx

@@ -0,0 +1,21 @@
+import { useState } from "react";
+import copy from "copy-to-clipboard";
+
+export const useCopyClipboard = (resetInterval = null) => {
+  const [isCopied, setIsCopied] = useState(false);
+
+  const copyToClipboard = (text: string) => {
+    if (typeof text === "string" || typeof text === "number") {
+      copy(text.toString());
+      setIsCopied(true);
+    } else {
+      setIsCopied(false);
+      console.error(`Cannot copy typeof ${typeof text} to clipboard, must be a string or number.`);
+    }
+  };
+
+  return {
+    copyToClipboard,
+    isCopied,
+  };
+};