diff --git a/components/ImagesMask/index.jsx b/components/ImagesMask/index.jsx
index fe63a28..c098a5e 100644
--- a/components/ImagesMask/index.jsx
+++ b/components/ImagesMask/index.jsx
@@ -13,7 +13,6 @@ import { faAngleLeft, faAngleRight } from "@fortawesome/free-solid-svg-icons";
 import { createRoot } from "react-dom/client";
 
 const maskDomBox = window ? document?.getElementById("maskDomBox") : null;
-console.log(maskDomBox);
 const root = createRoot(maskDomBox);
 function ImagesMask({}, ref) {
   const [currentIndex, setCurrentIndex] = useState(0);
diff --git a/components/Photos/index.js b/components/Photos/index.js
index d5c7eff..1281ba0 100644
--- a/components/Photos/index.js
+++ b/components/Photos/index.js
@@ -7,8 +7,11 @@ import { faAngleUp, faClose } from "@fortawesome/free-solid-svg-icons";
 import { useRouter } from "next/navigation";
 import baseRequest from "@/utils/baseRequest";
 import Player from "next-video/player";
-import ImagesMask from "@/components/ImagesMask";
-
+import dynamic from 'next/dynamic'
+// import ImagesMask from "@/components/ImagesMask";
+const ImagesMask = dynamic(() =>
+import('@/components/ImagesMask'), { ssr: false }
+)
 export default function Photos({
   isUnlocked,
   mediaVisibleRange,