Реагировать и Mapbox - маркер не будет отображаться

Question

Я впервые использую Mapbox с React и успешно отрисовываю подвижную карту и все, но дело в том, что мне нужно отображать маркеры на карте для каждого пользователя, которого я получил из состояния после запроса ответа API , Я пытался что-то записать при рендеринге маркера, но на консоли ничего не показывалось, поэтому часть кода никогда не запускается

Возврат компонента Map

<ReactMapGl
        {...viewPort}
        mapboxApiAccessToken={
          'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
        }
        onViewportChange={viewPort => {
          setViewPort(viewPort);
        }}
      >
        {profiles.searchPage > 0 ? (
          profiles.searchPage.map(girl => (
            <Marker
              key={girl._id}
              latitude={girl.location.coordinates[1]}
              longitude={girl.location.coordinates[0]}
            >
              <button
                style={{
                  height: '50px',
                  width: '50px',
                  backgroundColor: 'red'
                }}
                onClick={e => {
                  e.preventDefault();
                  setSelectedGirl(girl);
                }}
              ></button>
            </Marker>
          ))
        ) : (
          <Fragment />
        )}
      </ReactMapGl>

И мое состояние в инструментах управления редукцией выглядит так:

Кроме того, я успешно зарегистрировал массив пользователей на консоли прямо перед возвратом.

Спасибо за помощь и предложения, я ценю это