ComponentWithDefer.jsx

import Defer from './Defer';
import Card from './Cefer';

const Component = ({ items }) => {
  return (
    <Defer chunkSize={5}>
      {items.map(item => <Card key={item.id} item={item} />)}
    </Defer>
  )
};