From 5e579322ae6cff82a0797d44f719374a3e319734 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Sat, 8 Feb 2025 14:26:37 +0800
Subject: [PATCH] fix: anchorRef.current may undefined

---
 web/app/(commonLayout)/datasets/Datasets.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/app/(commonLayout)/datasets/Datasets.tsx b/web/app/(commonLayout)/datasets/Datasets.tsx
index ea918a2b17..f4d2156a81 100644
--- a/web/app/(commonLayout)/datasets/Datasets.tsx
+++ b/web/app/(commonLayout)/datasets/Datasets.tsx
@@ -66,9 +66,9 @@ const Datasets = ({
 
   useEffect(() => {
     const onScroll = debounce(() => {
-      if (!loadingStateRef.current) {
+      if (!loadingStateRef.current && containerRef.current && anchorRef.current) {
         const { scrollTop, clientHeight } = containerRef.current!
-        const anchorOffset = anchorRef.current!.offsetTop
+        const anchorOffset = anchorRef.current.offsetTop
         if (anchorOffset - scrollTop - clientHeight < 100)
           setSize(size => size + 1)
       }
@@ -80,7 +80,7 @@ const Datasets = ({
 
   return (
     <nav className='grid content-start grid-cols-1 gap-4 px-12 pt-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 grow shrink-0'>
-      { isCurrentWorkspaceEditor && <NewDatasetCard ref={anchorRef} /> }
+      {isCurrentWorkspaceEditor && <NewDatasetCard ref={anchorRef} />}
       {data?.map(({ data: datasets }) => datasets.map(dataset => (
         <DatasetCard key={dataset.id} dataset={dataset} onSuccess={mutate} />),
       ))}