Поправить код

[gsbelarus]

  return (
    !isLoading && user.userId &&
    <>
      {/* {
        (chatInfo?.owner === userId) && 
        <div>
          <Input onChange={e => setParticipantId(e.target.value)}/>
          <Button onClick={handleAddParticipant}>Add participant</Button>
        </div>
        
      } */}
      {
          chatInfo.participants.includes(user.userId) && 
          <>
            <h3>{chatInfo.tag}</h3>
            <ChatView nlpDialog={nlpDialog} info={{chatId: chatInfo._id, user}}/>
          </>
        }
    </>  
  )

это лишнее усложнение кода. понятнее написать так:

  if (!isLoading && user.userId && chatInfo.participants.includes(user.userId)) {
    return(
      <>
         <h3>{chatInfo.tag}</h3>
         <ChatView nlpDialog={nlpDialog} info={{chatId: chatInfo._id, user}}/>
      </>          
    )
  }

  return null;

и если дальше смотреть, то заголовок чата должен быть внутри компонента ChatView, а не отдельно снаружи.

[maisiukartyom]

Но ведь будет же добавлен код, который сейчас закоменчен, например, несколько проверок будет