fix: data display exceptions during initialization (#1531)

Author: suemor233

packages/kami-design/components/Overlay/index.tsx

@@ -18,14 +18,13 @@ interface OverLayProps {
   darkness?: number
   blur?: boolean
   zIndex?: number
+  stopPropagation?: boolean
 }
 
 export type OverlayProps = OverLayProps & {
   show: boolean
   children?: ReactNode
-
   zIndex?: number
-
   standaloneWrapperClassName?: string
 }
 
@@ -35,10 +34,10 @@ const OverLay: FC<OverlayProps> = (props) => {
     show,
     blur,
     center,
-
     darkness,
     standaloneWrapperClassName,
     zIndex,
+    stopPropagation,
   } = props
   const isClient = useIsClient()
 
@@ -108,7 +107,12 @@ const OverLay: FC<OverlayProps> = (props) => {
               : undefined
           }
         >
-          <div onClick={stopEventDefault} tabIndex={-1}>
+          <div
+            onClick={(e) => {
+              stopPropagation ? e.stopPropagation() : stopEventDefault(e)
+            }}
+            tabIndex={-1}
+          >
             {props.children}
           </div>
         </div>

src/components/in-page/Home/section.tsx

@@ -110,7 +110,7 @@ const _Sections: FC<AggregateTop> = ({ notes, posts }) => {
         }, [])}
       />
       <SectionCard
-        title={`点赞 (${like})`}
+        title={`点赞 (${like ?? 0})`}
         desc={'如果你喜欢的话点个赞呗'}
         src={useMemo(() => getRandomUnRepeatImage(), [])}
         href={'/like_this'}

src/pages/recently/index.tsx

@@ -138,7 +138,7 @@ const RecentlyPage: NextPage = () => {
     }
 
     if (inView && hasNext) {
-      setFetchBefore(data[data.length - 1].id)
+      setFetchBefore(data[data.length - 1]?.id)
     }
   }, [data, hasNext, inView, loading])
 
@@ -161,6 +161,9 @@ const RecentlyPage: NextPage = () => {
         fixedWidth: true,
         useRootPortal: true,
       },
+      overlayProps: {
+        stopPropagation: true,
+      },
       component: (
         <>
           <p className="!mt-4 leading-6 whitespace-pre-line break-all">