diff --git a/client/components/FullPageSkeleton.tsx b/client/components/FullPageSkeleton.tsx
index 276e0909..ade954e2 100644
--- a/client/components/FullPageSkeleton.tsx
+++ b/client/components/FullPageSkeleton.tsx
@@ -1,6 +1,10 @@
-import Lottie from 'lottie-react';
+'use client';
+import dynamic from 'next/dynamic';
+
 import peterCatWalkAnimation from '../public/loading.json';
 
+const Lottie = dynamic(() => import('lottie-react'), { ssr: false });
+
 const FullPageSkeleton = () => {
   return (
     <div className="fixed top-0 left-0 right-0 bottom-0 z-50 flex justify-center items-center bg-white bg-opacity-75">