Как передать данные при клике в другой компонент? Firebase Cloud Firestore

Есть задача: у меня есть список в который я загружаю данные из Cloud Firestore: (код получения данных из хранилища)

{request.map((playerID) => {
        return (
          <Cell
          onClick={openModal}
          key={playerID.player_id}
            style={{ marginBottom: 10 }}
            expandable
            indicator={
              <Counter size="s" mode="prominent">
                Новый скин
              </Counter>
            }
            before={<Avatar size={64} src={playerID.image} />}
          >Автор: {playerID.nickname}</Cell>
        );
      })}

При клике на один из этих компонентов, должно открыться модальное окно, в которое и нужно передать данные компонента, на который кликнул пользователь, параллельно подгрузив данные дополнительные из Cloud Firestore.

Например, если я кликну на компонент "Автор: Олеся" (скриншот снизу): То откроется модальное окно и загрузятся данные именно этого документа (из Cloud Firestore) (скриншот снизу):

Не знаю, как это реализовать... Буду очень благодарен за помощь. Пишите, если нужно больше кода.