import React, { memo, useEffect } from 'react' import s from './MessageCommon.module.scss' import MessageItem, { MessageItemProps } from './MessageItem/MessageItem' interface Props { messages: MessageItemProps[] onRemove?: (id: number) => void } const MessageCommon = memo(({ messages, onRemove }: Props) => { return (
{messages.reverse().map((item) => ( ))}
) }) MessageCommon.displayName = 'MessageCommon' export default MessageCommon