build(size): fix crash

Author: mydearxym

src/components/CustomScroller/HorizontalScroller.tsx

@@ -6,11 +6,12 @@
 
 import { FC, useState, useRef, useCallback, memo } from 'react'
 import { useTheme } from 'styled-components'
+import { Waypoint } from 'react-waypoint'
 import type { TThemeMap } from '@/spec'
 
 import { buildLog } from '@/utils'
 import { useCustomScroll } from '@/hooks'
-import ViewportTracker from '@/components/ViewportTracker'
+// import ViewportTracker from '@/components/ViewportTracker'
 import { SIZE } from '@/constant'
 
 import type { TProps as TScrollProps } from './index'
@@ -80,13 +81,13 @@ const HorizontalScroller: FC<TProps> = ({
 
       <ScrollWrapper ref={ref}>
         <InnerWrapper innerHeight={innerHeight}>
-          <ViewportTracker
+          <Waypoint
             horizontal
             onEnter={handleHideLeftShadow}
             onLeave={handleShowLeftShadow}
           />
           {children}
-          <ViewportTracker
+          <Waypoint
             horizontal
             onEnter={handleHideRightShadow}
             onLeave={handleShowRightShadow}

src/components/CustomScroller/VerticalScroller.tsx

@@ -7,12 +7,14 @@
 import { FC, useState, useRef, useCallback, memo } from 'react'
 import { useTheme } from 'styled-components'
 
+// NOTE: do not use ViewportTracker here, it cause crash
+import { Waypoint } from 'react-waypoint'
 import type { TThemeMap } from '@/spec'
 
 import { buildLog, debounce } from '@/utils'
 import { SIZE } from '@/constant'
 import { useCustomScroll } from '@/hooks'
-import ViewportTracker from '@/components/ViewportTracker'
+// import ViewportTracker from '@/components/ViewportTracker'
 
 import type { TProps as TScrollProps } from './index'
 
@@ -138,12 +140,9 @@ const VerticalScroller: FC<TProps> = ({
       )}
 
       <ScrollWrapper ref={ref}>
-        <ViewportTracker
-          onEnter={handleHideTopShadow}
-          onLeave={handleShowTopShadow}
-        />
+        <Waypoint onEnter={handleHideTopShadow} onLeave={handleShowTopShadow} />
         {children}
-        <ViewportTracker
+        <Waypoint
           onEnter={handleHideBottomShadow}
           onLeave={handleShowBottomShadow}
         />