Proyectos de Subversion LeadersLinked - SPA

import React, { Suspense } from 'react';

import { useNearScreen } from '@hooks';

const Feed = React.lazy(() => import('@components/dashboard/feed/feed'));

const LazyFeed = ({ id }) => {

  const [isNearScreen, fromRef] = useNearScreen({ once: true });

  return (

    <div ref={fromRef}>

      <Suspense fallback={<div>Cargando...</div>}>

        {isNearScreen ? <Feed id={id} /> : null}

      </Suspense>

    </div>

  );

};

export default LazyFeed;