diff --git a/src/app/[locale]/cubes/page.tsx b/src/app/[locale]/cubes/page.tsx
index a2ed708f..302081cd 100644
--- a/src/app/[locale]/cubes/page.tsx
+++ b/src/app/[locale]/cubes/page.tsx
@@ -8,15 +8,13 @@ import { OverallHeader } from "@/components/OverallHeader";
 import { OptionsContainer } from "@/components/cubes/OptionsContainer";
 import { useCubes } from "@/hooks/useCubes";
 import { AnimatePresence } from "framer-motion";
-import useModalCube from "@/hooks/useModalCube";
 import { useCubesModalStore } from "@/store/CubesModalStore";
 import { useTranslations } from "next-intl";
 import { PlusIcon } from "@heroicons/react/24/solid";
 
 export default function CubesPage() {
   const { filterCubes, handleSearchFilter } = useCubes();
-  const { modalOpen, setModalOpen } = useCubesModalStore();
-  const { setSelectedCategory } = useModalCube();
+  const { modalOpen, setModalOpen, setSelectedCategory } = useCubesModalStore();
   const t = useTranslations("Index.CubesPage");
   return (
     <>
diff --git a/src/components/cubes/ModalCreate.tsx b/src/components/cubes/ModalCreate.tsx
index bae84c0a..0163f5d1 100644
--- a/src/components/cubes/ModalCreate.tsx
+++ b/src/components/cubes/ModalCreate.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { InputText } from "@/components/input-text/index";
 import CheckboxImage from "@/components/cubes/CheckboxImage";
 import { cubeCollection } from "@/lib/const/cubeCollection";