问题是当Map被加载时，纬度和经度仍然是空的。然后页面崩溃。加载带有LAT和LNG的变量需要一些秒。但是我不知道如何让Map等待纬度和经度被加载。
我尝试在Map中使用三元，但不起作用

export default function GeolocationMap() {

  
  const paseadores = useSelector((state) => state.paseadores)
 
  const dispatch = useDispatch();
  const { user, isAuthenticated } = useAuth0();
  

  
  let usuarioIdRaro = ""
  let id = ""
  if (isAuthenticated) {
    usuarioIdRaro = user.sub
    id = usuarioIdRaro.substring(6)
  }
  
  useEffect(() => {
        dispatch(getDetalleUsuario(id));
        dispatch(getusers())
        dispatch(getpaseadores())
     
      }, []);

  const contratadosPor = paseadores.filter(({ contratadoPor }) => contratadoPor === id)
  const latitude = contratadosPor && contratadosPor.length > 0 ? contratadosPor.map(({ lat }) => lat) : null;
  const longitude = contratadosPor && contratadosPor.length > 0 ? contratadosPor.map(({ lng }) => lng): null;

  console.log("latlng", latitude)
  console.log("latlng", longitude)

  useEffect(() => {
    const interval = setInterval(() => {
   dispatch(getpaseadores())
  }, 1500);
  return () => clearInterval(interval);
  }, [])

/////////////////////////////////////////////////////////////////////////////

  function FlyMapTo() {

    const map = useMap()

    useEffect(() => {
        map.flyTo(position)
        
    }, {enableHighAccuracy: true})

    return null
}

//////////////////////////////////////////////////////////////////////////////////

const position = latitude && longitude ? [latitude, longitude] : null;

  //////////////////////////////////////////////////////////////////  ///////////////

  return (
    <div className={stl.paginaGps}>
    <NavBar />
    <div className={stl.titulo}>Aqui podras ver la ubicacion del paseador en tiempo real</div>

    <div className={stl.paseador}>
    
    <MapContainer center={position} zoom={16}>
      <FlyMapTo />
      <TileLayer
        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
      />
      <Marker 
      position={position}
      icon={IconLocationWalker}>
        <Popup>El Paseador se encuentra Aqui</Popup>
      </Marker>
    </MapContainer>
    
    </div>

    <Footer />
    </div>
  );
}