import React, { Fragment, useEffect } from "react"; // import ListingInner from "./ListingInner"; // import SignUpToExperienceOurPlatform from "../home/SignUpToExperienceOurPlatform"; // import LetDiscover from "./LetDiscover"; import { useSelector } from "react-redux"; import dynamic from "next/dynamic"; const LetDiscover = dynamic(() => import("./LetDiscover")); const ListingInner = dynamic(() => import("./ListingInner")); const SignUpToExperienceOurPlatform = dynamic(() => import("../home/SignUpToExperienceOurPlatform")); const Listing = () => { const { allActivitiesData, loading, totalCount } = useSelector(sate => sate.allActivitiesData); const { categories } = useSelector(sate => sate.categories); const { subCategories } = useSelector(sate => sate.subCategories); console.log("allActivitiesData >>>>", allActivitiesData); return ( <Fragment> <main> <LetDiscover categories={categories} subCategories={subCategories} /> <ListingInner allActivitiesData={allActivitiesData} loading={loading} totalCount={totalCount} /> <SignUpToExperienceOurPlatform /> </main> </Fragment> ); }; export default Listing;