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;