You can pass sender or receiver name as props to the componenet in which you render the Widget, than pass that name prop into title={userName} as props. Example:
<Widget
handleNewUserMessage={(newMessage) => handleNewUserMessage(newMessage)}
title={Welcome to chat with ${receiver.name}.}
subtitle="Traveling is a way of life."
handleQuickButtonClicked={handleQuickButtonClicked}
addUserMessage={addUserMessage}
addResponseMessage={addResponseMessage}
showTimeStamp={false}
profileAvatar={${receiver.imgUrl}}
/>
You can pass sender or receiver name as props to the componenet in which you render the Widget, than pass that name prop into title={userName} as props. Example:
<Widget handleNewUserMessage={(newMessage) => handleNewUserMessage(newMessage)} title={
Welcome to chat with ${receiver.name}.
} subtitle="Traveling is a way of life." handleQuickButtonClicked={handleQuickButtonClicked} addUserMessage={addUserMessage} addResponseMessage={addResponseMessage} showTimeStamp={false} profileAvatar={${receiver.imgUrl}
} />