diff --git a/packages/ui/src/components/CopyButton/CopyButton.tsx b/packages/ui/src/components/CopyButton/CopyButton.tsx
index 3035a395481..b0d8ed6315c 100644
--- a/packages/ui/src/components/CopyButton/CopyButton.tsx
+++ b/packages/ui/src/components/CopyButton/CopyButton.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { Check, Clipboard } from 'lucide-react'
 import { useEffect, useState } from 'react'