The longitude and latitude fly to fun c should be in a use effect func. This fixes it

  useEffect(() => {
    if (mapReady && latitude !== 0 && longitude !== 0 && mapRef.current) {
      const map = mapRef.current.getMap();
      map.flyTo({
        center: [longitude, latitude],
        zoom: 15,
        speed: 1.2
      });

    }
  }, [latitude, longitude, mapReady]);