From 6f9d2799b3bb16b00ce954701580b4c24004eca7 Mon Sep 17 00:00:00 2001
From: "raoha.rh" <raohai.rh@antgroup.com>
Date: Tue, 2 Jul 2024 11:20:06 +0800
Subject: [PATCH] fix: document is not defined

---
 client/components/FullPageSkeleton.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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">