importing a component that needs useState in BentoGrid.tsx

[De-Silva-Madhushankha]

useState hook only works in a client component. To fix, mark the file (or its parent) with the "use client" directive.

import { useState } from "react";
import { IoCopyOutline } from "react-icons/io5";
import Lottie from "react-lottie";

import { cn } from "@/lib/utils";


import { BackgroundGradientAnimation } from "./GradientBg";
import GridGlobe from "./GridGlobe";
import animationData from "@/data/confetti.json";
import MagicButton from "./MagicButton"; ```