Example Implementation of React.memo to Display a Set of Emojis

EmojiImages.jsx

import React, { memo } from 'react';

const EmojiImages = ({ list }) => {
  return (
    <>
      {list.emojis.map(current => (
        <img alt="emoji" src={current} key={current} />
      ))}
    </>
  );
};

const areEqual = (prevProps, nextProps) => (prevProps.list.id === nextProps.list.id);

export default memo(EmojiImages, areEqual);