How can i dinamically add markers?

[tmtygnz]

Hello I've been trying to add markers dynamically by

function App() {
  return (
    <Map
      initialViewState={{
        longitude: -122.4,
        latitude: 37.8,
        zoom: 14,
      }}
      mapStyle="mapbox://styles/mapbox/streets-v9"
      style={{ width: "100vw", height: "100vh" }}
    >
      {data.forEach((data) => (
        <Marker longitude={data.long} latitude={data.lat}>
          <div>Some info here</div>
        </Marker>
      ))}
    </Map>
  );
}

data is loaded from a server and can change. Thank you!

[tmtygnz]

OMG, I'm so dumb i should've used .map instead of .forEach. I am so sorry

[tordans]

@TimothyIan you could mark your answer als "the answer" so the ticket is categorized as "solved" here…