diff --git a/packages/checkout/package.json b/packages/checkout/package.json
index c2ff8f209..8d42ed732 100644
--- a/packages/checkout/package.json
+++ b/packages/checkout/package.json
@@ -36,7 +36,6 @@
     "motion": "^12.9.2",
     "pako": "^2.1.0",
     "qrcode.react": "^4.2.0",
-    "react-copy-to-clipboard": "^5.1.0",
     "timeago-react": "^3.0.7"
   },
   "peerDependencies": {
@@ -58,7 +57,6 @@
     "@0xsequence/connect": "workspace:*",
     "@tanstack/react-query": "^5.74.11",
     "@types/pako": "^2.0.3",
-    "@types/react-copy-to-clipboard": "^5.0.7",
     "ethers": "^6.13.7",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
diff --git a/packages/checkout/src/components/CopyButton.tsx b/packages/checkout/src/components/CopyButton.tsx
index 21a185077..f1c245bd2 100644
--- a/packages/checkout/src/components/CopyButton.tsx
+++ b/packages/checkout/src/components/CopyButton.tsx
@@ -1,32 +1,27 @@
 import { Button, CheckmarkIcon, CopyIcon } from '@0xsequence/design-system'
-import React, { useEffect, useState, type ComponentProps } from 'react'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
+import { useClipboard } from '@0xsequence/hooks'
+import React, { type ComponentProps } from 'react'
 
 type ButtonProps = ComponentProps<typeof Button>
 
 interface CopyButtonProps extends ButtonProps {
   text: string
+  inline?: boolean
 }
 
 export const CopyButton = (props: CopyButtonProps) => {
-  const { text, size = 'xs', ...rest } = props
-  const [isCopied, setCopy] = useState(false)
+  const { text, size = 'xs', inline = false, ...rest } = props
+  const [isCopied, setCopied] = useClipboard({ timeout: 4000 })
 
-  useEffect(() => {
-    if (isCopied) {
-      setTimeout(() => {
-        setCopy(false)
-      }, 4000)
-    }
-  }, [isCopied])
-
-  const handleCopy = () => {
-    setCopy(true)
-  }
-
-  return (
-    <CopyToClipboard text={text} onCopy={handleCopy}>
-      <Button size={size} leftIcon={isCopied ? CheckmarkIcon : CopyIcon} label={isCopied ? 'Copied' : 'Copy'} {...rest} />
-    </CopyToClipboard>
+  return inline ? (
+    <Button size={size} variant="text" leftIcon={isCopied ? CheckmarkIcon : CopyIcon} onClick={() => setCopied(text)} />
+  ) : (
+    <Button
+      size={size}
+      leftIcon={isCopied ? CheckmarkIcon : CopyIcon}
+      label={isCopied ? 'Copied' : 'Copy'}
+      onClick={() => setCopied(text)}
+      {...rest}
+    />
   )
 }
diff --git a/packages/checkout/src/views/PaymentSelection/TransferFunds.tsx b/packages/checkout/src/views/PaymentSelection/TransferFunds.tsx
index 18a253e94..143ed7707 100644
--- a/packages/checkout/src/views/PaymentSelection/TransferFunds.tsx
+++ b/packages/checkout/src/views/PaymentSelection/TransferFunds.tsx
@@ -1,7 +1,6 @@
 import { Card, CheckmarkIcon, CopyIcon, IconButton, Text, truncateAddress } from '@0xsequence/design-system'
+import { useClipboard } from '@0xsequence/hooks'
 import { QRCodeCanvas } from 'qrcode.react'
-import { useEffect, useState } from 'react'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
 import { useAccount } from 'wagmi'
 
 import { useSelectPaymentModal, useTransferFundsModal } from '../../hooks'
@@ -10,19 +9,7 @@ export const TransferFunds = () => {
   const { openTransferFundsModal } = useTransferFundsModal()
   const { openSelectPaymentModal, closeSelectPaymentModal, selectPaymentSettings } = useSelectPaymentModal()
   const { address: userAddress } = useAccount()
-  const [isCopied, setCopy] = useState(false)
-
-  useEffect(() => {
-    if (isCopied) {
-      setTimeout(() => {
-        setCopy(false)
-      }, 4000)
-    }
-  }, [isCopied])
-
-  const handleCopy = () => {
-    setCopy(true)
-  }
+  const [isCopied, setCopied] = useClipboard({ timeout: 4000 })
 
   const onClickQrCode = (e: React.MouseEvent<HTMLDivElement>) => {
     e.preventDefault()
@@ -83,14 +70,13 @@ export const TransferFunds = () => {
             e.preventDefault()
           }}
         >
-          <CopyToClipboard text={userAddress || ''} onCopy={handleCopy}>
-            <IconButton
-              className="text-muted"
-              variant="base"
-              size="md"
-              icon={isCopied ? () => <CheckmarkIcon size="lg" /> : () => <CopyIcon size="lg" />}
-            />
-          </CopyToClipboard>
+          <IconButton
+            className="text-muted"
+            variant="base"
+            size="md"
+            icon={isCopied ? () => <CheckmarkIcon size="lg" /> : () => <CopyIcon size="lg" />}
+            onClick={() => setCopied(userAddress || '')}
+          />
         </div>
       </Card>
     </div>
diff --git a/packages/checkout/src/views/TransferToWallet/CopyButton.tsx b/packages/checkout/src/views/TransferToWallet/CopyButton.tsx
deleted file mode 100644
index 1c50ef1dd..000000000
--- a/packages/checkout/src/views/TransferToWallet/CopyButton.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Button, CheckmarkIcon, CopyIcon } from '@0xsequence/design-system'
-import { useEffect, useState, type ComponentProps } from 'react'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
-
-type ButtonProps = ComponentProps<typeof Button>
-
-interface CopyButtonProps extends ButtonProps {
-  text: string
-  inline?: boolean
-}
-
-export const CopyButton = (props: CopyButtonProps) => {
-  const { text, size = 'xs', inline = false, ...rest } = props
-  const [isCopied, setCopy] = useState(false)
-
-  useEffect(() => {
-    if (isCopied) {
-      setTimeout(() => {
-        setCopy(false)
-      }, 4000)
-    }
-  }, [isCopied])
-
-  const handleCopy = () => {
-    setCopy(true)
-  }
-
-  return (
-    <CopyToClipboard text={text} onCopy={handleCopy}>
-      {inline ? (
-        <Button size={size} variant="text" leftIcon={isCopied ? CheckmarkIcon : CopyIcon} />
-      ) : (
-        <Button size={size} leftIcon={isCopied ? CheckmarkIcon : CopyIcon} label={isCopied ? 'Copied' : 'Copy'} {...rest} />
-      )}
-    </CopyToClipboard>
-  )
-}
diff --git a/packages/checkout/src/views/TransferToWallet/QRCode.tsx b/packages/checkout/src/views/TransferToWallet/QRCode.tsx
index 8e8aa8d29..a4a052baa 100644
--- a/packages/checkout/src/views/TransferToWallet/QRCode.tsx
+++ b/packages/checkout/src/views/TransferToWallet/QRCode.tsx
@@ -1,7 +1,7 @@
 import { Skeleton } from '@0xsequence/design-system'
 import { QRCodeCanvas } from 'qrcode.react'
 
-import { CopyButton } from './CopyButton'
+import { CopyButton } from '../../components/CopyButton'
 
 interface QRCodeProps {
   value: string | undefined
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
index fc45a5e5e..00d71c6f9 100644
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -58,5 +58,8 @@
     "viem": "^2.28.1",
     "vite": "^6.3.4",
     "vitest": "^2.1.9"
+  },
+  "dependencies": {
+    "copy-to-clipboard": "^3.3.3"
   }
 }
diff --git a/packages/hooks/src/hooks/useClipboard.ts b/packages/hooks/src/hooks/useClipboard.ts
new file mode 100644
index 000000000..cb59d10ae
--- /dev/null
+++ b/packages/hooks/src/hooks/useClipboard.ts
@@ -0,0 +1,31 @@
+import copy from 'copy-to-clipboard'
+import { useEffect, useState } from 'react'
+
+interface UseClipboardProps {
+  timeout?: number
+}
+
+export const useClipboard = (props?: UseClipboardProps) => {
+  const [isCopied, setIsCopied] = useState(false)
+  const timeout = props && props.timeout
+
+  useEffect(() => {
+    if (isCopied) {
+      const id = setTimeout(() => {
+        setIsCopied(false)
+      }, timeout)
+
+      return () => {
+        clearTimeout(id)
+      }
+    }
+  }, [isCopied, timeout])
+
+  return [
+    isCopied,
+    (text: string) => {
+      copy(text)
+      setIsCopied(true)
+    }
+  ] as const
+}
diff --git a/packages/hooks/src/index.ts b/packages/hooks/src/index.ts
index f66fdae3c..6ce7fa421 100644
--- a/packages/hooks/src/index.ts
+++ b/packages/hooks/src/index.ts
@@ -42,4 +42,5 @@ export { useGetSwapQuote } from './hooks/Combination/useGetSwapQuote'
 export { useGetSwapRoutes } from './hooks/Combination/useGetSwapRoutes'
 
 // Etc
-export { useClearCachedBalances } from './hooks/useClearCachedBalances.js'
+export { useClearCachedBalances } from './hooks/useClearCachedBalances'
+export { useClipboard } from './hooks/useClipboard'
diff --git a/packages/wallet-widget/package.json b/packages/wallet-widget/package.json
index d3e0cd5ae..b674ed0e3 100644
--- a/packages/wallet-widget/package.json
+++ b/packages/wallet-widget/package.json
@@ -37,8 +37,7 @@
     "fuse.js": "^6.6.2",
     "micro-observables": "1.7.2",
     "motion": "^12.9.2",
-    "qrcode.react": "^4.2.0",
-    "react-copy-to-clipboard": "^5.1.0"
+    "qrcode.react": "^4.2.0"
   },
   "peerDependencies": {
     "@0xsequence/api": "2.3.11",
@@ -60,7 +59,6 @@
     "@0xsequence/connect": "workspace:*",
     "@0xsequence/hooks": "workspace:*",
     "@tanstack/react-query": "^5.74.11",
-    "@types/react-copy-to-clipboard": "^5.0.7",
     "ethers": "^6.13.7",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
diff --git a/packages/wallet-widget/src/components/CopyButton.tsx b/packages/wallet-widget/src/components/CopyButton.tsx
index e5f9dff13..3775ffecd 100644
--- a/packages/wallet-widget/src/components/CopyButton.tsx
+++ b/packages/wallet-widget/src/components/CopyButton.tsx
@@ -1,6 +1,6 @@
 import { Button, CheckmarkIcon, CopyIcon } from '@0xsequence/design-system'
-import { useEffect, useState, type ComponentProps } from 'react'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
+import { useClipboard } from '@0xsequence/hooks'
+import type { ComponentProps } from 'react'
 
 type ButtonProps = ComponentProps<typeof Button>
 
@@ -11,31 +11,18 @@ interface CopyButtonProps extends ButtonProps {
 
 export const CopyButton = (props: CopyButtonProps) => {
   const { buttonVariant = 'icon', text, size = 'xs', ...rest } = props
-  const [isCopied, setCopy] = useState(false)
-
-  useEffect(() => {
-    if (isCopied) {
-      setTimeout(() => {
-        setCopy(false)
-      }, 2000)
-    }
-  }, [isCopied])
-
-  const handleCopy = () => {
-    setCopy(true)
-  }
+  const [isCopied, setCopied] = useClipboard({ timeout: 4000 })
 
   const label = isCopied ? 'Copied!' : 'Copy'
 
   return (
-    <CopyToClipboard text={text} onCopy={handleCopy}>
-      <Button
-        size={size!}
-        leftIcon={isCopied ? CheckmarkIcon : CopyIcon}
-        label={buttonVariant === 'with-label' ? label : undefined}
-        variant={buttonVariant === 'icon' ? 'ghost' : 'glass'}
-        {...rest}
-      />
-    </CopyToClipboard>
+    <Button
+      size={size!}
+      leftIcon={isCopied ? CheckmarkIcon : CopyIcon}
+      label={buttonVariant === 'with-label' ? label : undefined}
+      variant={buttonVariant === 'icon' ? 'ghost' : 'glass'}
+      onClick={() => setCopied(text)}
+      {...rest}
+    />
   )
 }
diff --git a/packages/wallet-widget/src/views/Receive.tsx b/packages/wallet-widget/src/views/Receive.tsx
index d66ce4581..7b56dd1d1 100644
--- a/packages/wallet-widget/src/views/Receive.tsx
+++ b/packages/wallet-widget/src/views/Receive.tsx
@@ -1,8 +1,7 @@
 import { getNetwork } from '@0xsequence/connect'
 import { Button, CopyIcon, Image, ShareIcon, Text } from '@0xsequence/design-system'
+import { useClipboard } from '@0xsequence/hooks'
 import { QRCodeCanvas } from 'qrcode.react'
-import { useEffect, useState } from 'react'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
 import { useAccount } from 'wagmi'
 
 import { NetworkSelect } from '../components/Select/NetworkSelect'
@@ -12,23 +11,11 @@ const isVowel = (char: string) => ['a', 'e', 'i', 'o', 'u'].includes(char.toLowe
 
 export const Receive = () => {
   const { address, chain } = useAccount()
-  const [isCopied, setCopied] = useState<boolean>(false)
+  const [isCopied, setCopied] = useClipboard({ timeout: 4000 })
 
   const networkInfo = getNetwork(chain?.id || 1)
   const networkName = networkInfo.title || networkInfo.name
 
-  useEffect(() => {
-    if (isCopied) {
-      setTimeout(() => {
-        setCopied(false)
-      }, 4000)
-    }
-  }, [isCopied])
-
-  const onClickCopy = () => {
-    setCopied(true)
-  }
-
   const onClickShare = () => {
     if (typeof window !== 'undefined') {
       window.open(`https://twitter.com/intent/tweet?text=Here%20is%20my%20address%20${address}`)
@@ -64,9 +51,7 @@ export const Receive = () => {
           </div>
         </div>
         <div className="flex gap-3">
-          <CopyToClipboard text={address || ''}>
-            <Button onClick={onClickCopy} leftIcon={CopyIcon} label={isCopied ? 'Copied!' : 'Copy'} />
-          </CopyToClipboard>
+          <Button onClick={() => setCopied(address || '')} leftIcon={CopyIcon} label={isCopied ? 'Copied!' : 'Copy'} />
           <Button onClick={onClickShare} leftIcon={ShareIcon} label="Share" />
         </div>
         <div className="flex justify-center items-center" style={{ maxWidth: '260px', textAlign: 'center' }}>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cd3bc584f..10a8b5590 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -301,9 +301,6 @@ importers:
       qrcode.react:
         specifier: ^4.2.0
         version: 4.2.0(react@19.1.0)
-      react-copy-to-clipboard:
-        specifier: ^5.1.0
-        version: 5.1.0(react@19.1.0)
       timeago-react:
         specifier: ^3.0.7
         version: 3.0.7(react@19.1.0)
@@ -317,9 +314,6 @@ importers:
       '@types/pako':
         specifier: ^2.0.3
         version: 2.0.3
-      '@types/react-copy-to-clipboard':
-        specifier: ^5.0.7
-        version: 5.0.7
       ethers:
         specifier: ^6.13.7
         version: 6.13.7(bufferutil@4.0.9)(utf-8-validate@5.0.10)
@@ -434,6 +428,10 @@ importers:
         version: 2.15.2(@tanstack/query-core@5.75.0)(@tanstack/react-query@5.75.2(react@19.1.0))(@types/react@19.1.2)(bufferutil@4.0.9)(react@19.1.0)(typescript@5.8.3)(utf-8-validate@5.0.10)(viem@2.28.4(bufferutil@4.0.9)(typescript@5.8.3)(utf-8-validate@5.0.10)(zod@3.24.4))(zod@3.24.4)
 
   packages/hooks:
+    dependencies:
+      copy-to-clipboard:
+        specifier: ^3.3.3
+        version: 3.3.3
     devDependencies:
       '@0xsequence/api':
         specifier: 2.3.11
@@ -555,9 +553,6 @@ importers:
       qrcode.react:
         specifier: ^4.2.0
         version: 4.2.0(react@19.1.0)
-      react-copy-to-clipboard:
-        specifier: ^5.1.0
-        version: 5.1.0(react@19.1.0)
     devDependencies:
       '@0xsequence/checkout':
         specifier: workspace:*
@@ -568,9 +563,6 @@ importers:
       '@tanstack/react-query':
         specifier: ^5.74.11
         version: 5.75.2(react@19.1.0)
-      '@types/react-copy-to-clipboard':
-        specifier: ^5.0.7
-        version: 5.0.7
       ethers:
         specifier: ^6.13.7
         version: 6.13.7(bufferutil@4.0.9)(utf-8-validate@5.0.10)
@@ -3314,9 +3306,6 @@ packages:
   '@types/pako@2.0.3':
     resolution: {integrity: sha512-bq0hMV9opAcrmE0Byyo0fY3Ew4tgOevJmQ9grUhpXQhYfyLJ1Kqg3P33JT5fdbT2AjeAjR51zqqVjAL/HMkx7Q==}
 
-  '@types/react-copy-to-clipboard@5.0.7':
-    resolution: {integrity: sha512-Gft19D+as4M+9Whq1oglhmK49vqPhcLzk8WfvfLvaYMIPYanyfLy0+CwFucMJfdKoSFyySPmkkWn8/E6voQXjQ==}
-
   '@types/react-dom@19.1.3':
     resolution: {integrity: sha512-rJXC08OG0h3W6wDMFxQrZF00Kq6qQvw0djHRdzl3U5DnIERz0MRce3WVc7IS6JYBwtaP/DwYtRRjVlvivNveKg==}
     peerDependencies:
@@ -6457,11 +6446,6 @@ packages:
       react: '>= 16.8.0'
       react-dom: '>= 16.8.0'
 
-  react-copy-to-clipboard@5.1.0:
-    resolution: {integrity: sha512-k61RsNgAayIJNoy9yDsYzDe/yAZAzEbEgcz3DZMhF686LEyukcE1hzurxe85JandPUG+yTfGVFzuEw3xt8WP/A==}
-    peerDependencies:
-      react: ^15.3.0 || 16 || 17 || 18
-
   react-dom@18.3.1:
     resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
     peerDependencies:
@@ -11720,10 +11704,6 @@ snapshots:
 
   '@types/pako@2.0.3': {}
 
-  '@types/react-copy-to-clipboard@5.0.7':
-    dependencies:
-      '@types/react': 19.1.2
-
   '@types/react-dom@19.1.3(@types/react@19.1.2)':
     dependencies:
       '@types/react': 19.1.2
@@ -16027,12 +16007,6 @@ snapshots:
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
 
-  react-copy-to-clipboard@5.1.0(react@19.1.0):
-    dependencies:
-      copy-to-clipboard: 3.3.3
-      prop-types: 15.8.1
-      react: 19.1.0
-
   react-dom@18.3.1(react@18.3.1):
     dependencies:
       loose-envify: 1.4.0