context

src/components/Navbar/index.tsx

@@ -68,7 +68,7 @@ const HoverLink = () =>{
 export default function Navbar (props: IAppProps) {
   const {pathname} = useLocation()
   const {data} = React.useContext(AppContext)
-
+    // console.log('nav',data)
   return (
       <nav className='flex min-w-[1440px]  justify-between absolute px-[120px] w-full top-0 z-[99999] py-6 text-sm text-[#061E3B] font-normal '>
         <div className='left '>

src/components/ScrollView.tsx

@@ -76,18 +76,21 @@ const Dots = (props:DotsType)=>{
 export const ScrollView = (props: ScrollViewType) => {
   BScroll.use(MouseWheel);
   BScroll.use(ScrollBar);
-  BScroll.use(Slide);
   BScroll.use(NestedScroll)
-  const { children } = props;
+  BScroll.use(Slide);
+  // const location = useLocation()
+
+
   const wrapRef = useRef<HTMLDivElement>(null);
-  const location = useLocation()
+  const {data,dispatch} = useContext(AppContext)
+  const { children } = props;
+
+
   const [dots,setDots]= useState(0)
   const [scrollObj, setScrollObj] = useState<BScrollConstructor<{}>>();
   const [currentPage,setCurrentPage] = useState(0)
-
-  const {data,dispatch} = useContext(AppContext)
   useEffect(()=>{
-      const scrollEl =  initBScroll(wrapRef.current as HTMLDivElement)
+    const scrollEl =  initBScroll(wrapRef.current as HTMLDivElement)
       setScrollObj(scrollEl)
       return () => {
         scrollEl.destroy();
@@ -107,7 +110,10 @@ export const ScrollView = (props: ScrollViewType) => {
     scrollObj&&scrollObj.on('slidePageChanged', (page:any) => {
       setCurrentPage((prevState: number)=>{
         if(prevState !== page.pageY){
-          dispatch({type:'slideOnChange',payload:{pageIndex:page.pageY}})
+          setTimeout(()=>{
+            dispatch({type:'slideOnChange',payload:{pageIndex:page.pageY}})
+          },0)
+
           return page.pageY
         }
         return prevState

src/store/AppProvider.tsx

@@ -32,10 +32,10 @@ const AppReducer = (state:typeof data,action:Actions)=>{
             state.currentPage = payload.currentPage
         break;
     }
-    console.log(state);
+    // console.log(state);
     
     
-    return state
+    return {...state}
 }
 
 export const AppProvider = (props: any)=>{