import React, { useMemo } from 'react';

function ContactList({ title, contacts }) {
  const listComponent = useMemo(() => {
    return <List title={title} data={contacts} />;
  }, [contacts]);
  //  ^^^^^^^^ `props.contacts` dependency

  return listComponent;
}