PR Build error fixed

dhavalveera · dhavalveera · commit c2d193fd9581 · 2024-06-02T15:35:00.000+05:30
diff --git a/apps/web/examples/clipboard/clipboard.withIcon.tsx b/apps/web/examples/clipboard/clipboard.withIcon.tsx
@@ -18,7 +18,7 @@ export function Component() {
             disabled
             readOnly
             />
-         <Clipboard.WithIcon valueToCopy="npm install flowbite-react" label="Copy" />
+         <Clipboard.WithIcon valueToCopy="npm install flowbite-react" />
     </div>
   )
 }
@@ -38,7 +38,7 @@ export function Component() {
         disabled
         readOnly
       />
-      <Clipboard.WithIcon valueToCopy="npm install flowbite-react" label="Copy" />
+      <Clipboard.WithIcon valueToCopy="npm install flowbite-react" />
     </div>
   );
 }
diff --git a/apps/web/examples/clipboard/clipboard.withIconText.tsx b/apps/web/examples/clipboard/clipboard.withIconText.tsx
@@ -18,7 +18,7 @@ export function Component() {
             disabled
             readOnly
             />
-         <Clipboard.WithIconText valueToCopy="npm install flowbite-react" label="Copy" />
+         <Clipboard.WithIconText valueToCopy="npm install flowbite-react" />
     </div>
   )
 }
@@ -38,7 +38,7 @@ export function Component() {
         disabled
         readOnly
       />
-      <Clipboard.WithIconText valueToCopy="npm install flowbite-react" label="Copy" />
+      <Clipboard.WithIconText valueToCopy="npm install flowbite-react" />
     </div>
   );
 }
diff --git a/packages/ui/src/components/Clipboard/Clipboard.tsx b/packages/ui/src/components/Clipboard/Clipboard.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { forwardRef, useState, type ComponentProps, type ReactNode } from "react";
 import { twMerge } from "tailwind-merge";
 import { mergeDeep } from "../../helpers/merge-deep";
diff --git a/packages/ui/src/components/Clipboard/ClipboardWithIcon.tsx b/packages/ui/src/components/Clipboard/ClipboardWithIcon.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { forwardRef, useState, type ComponentProps, type FC } from "react";
 import { FaCheck, FaClipboardList } from "react-icons/fa6";
 import { twMerge } from "tailwind-merge";
diff --git a/packages/ui/src/components/Clipboard/ClipboardWithIconText.tsx b/packages/ui/src/components/Clipboard/ClipboardWithIconText.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { forwardRef, useState, type ComponentProps, type FC } from "react";
 import { FaCheck, FaClipboardList } from "react-icons/fa6";
 import { twMerge } from "tailwind-merge";

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export function Component() {`
`18`	`18`	`disabled`
`19`	`19`	`readOnly`
`20`	`20`	`/>`
`21`		`- <Clipboard.WithIcon valueToCopy="npm install flowbite-react" label="Copy" />`
	`21`	`+ <Clipboard.WithIcon valueToCopy="npm install flowbite-react" />`
`22`	`22`	`</div>`
`23`	`23`	`)`
`24`	`24`	`}`
`@@ -38,7 +38,7 @@ export function Component() {`
`38`	`38`	`disabled`
`39`	`39`	`readOnly`
`40`	`40`	`/>`
`41`		`- <Clipboard.WithIcon valueToCopy="npm install flowbite-react" label="Copy" />`
	`41`	`+ <Clipboard.WithIcon valueToCopy="npm install flowbite-react" />`
`42`	`42`	`</div>`
`43`	`43`	`);`
`44`	`44`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+"use client";`
	`2`	`+`
`1`	`3`	`import { forwardRef, useState, type ComponentProps, type ReactNode } from "react";`
`2`	`4`	`import { twMerge } from "tailwind-merge";`
`3`	`5`	`import { mergeDeep } from "../../helpers/merge-deep";`