Haritaya dynamic konumlar getirmek istiyorum. örnekleri incelediğimde marker bölümüne dynamic data getirme konusunda sıkıştım. Aşağıdaki useSWR ile dataya erişim sağladım. Ancak hataya düşüyor sayfa map edemiyor datayı çoğu zaman...

const markersdata = ( locations ,fetcher) => {
  const { data, error } = useSWR('/api/agent', fetcher)
console.log(data)
  return data.map(location => (
    <Marker position={{ lat: parseFloat(location.lat), lng: parseFloat(location.lng)}} key={location._id}
      text={location._id}

    />
  ))
}

Fetch yaptığım data c bölümünde hataya düşüyordu. sorun ne derken yüklenme için biraz süre vermek herşeyi doğal şekilde çözdü doğayla savaşmayın doğa ile anlaşma imzalayın!

const { data, error } = useSWR('/api/agent', fetcher)
  if (error) return <div>failed to load</div>
  if (!data) return <div>loading data...</div>