LogisticGo

</p>
import { useState, useEffect } from 'react';
 
// Definición de tipos
interface Location {
  latitude: number;
  longitude: number;
  timestamp: Date;
}
 
interface TrackingServiceProps {
  messageQueue: any; // MessageQueue
  database: any; // DatabaseService
}
 
// Hook personalizado para el servicio de tracking
const useTrackingService = ({ cache, messageQueue, database }: TrackingServiceProps) =&gt; {
  const [error, setError] = useState&lt;Error | null&gt;(null);
 
  const updateLocation = async (shipmentId: string, location: Location): Promise&lt;void&gt; =&gt; {
    try {
      setLoading(true);
       
      // Actualizar en cache
      await cache.set(`location:${shipmentId}`, location);
       
      // Publicar actualización
      await messageQueue.publish('location-updates', {
        shipmentId,
        location,
        timestamp: new Date()
      });
       
      setLoading(false);
    } catch (err) {
      setError(err as Error);
      setLoading(false);
    }
  };
 
  return {
    updateLocation,
    loading,
    error
  };
};
 
const TrackingComponent: React.FC = () =&gt; {
  const trackingService = useTrackingService({
    cache: cacheService, 
    messageQueue: queueService, 
    database: dbService 
  });
 
  const handleLocationUpdate = async (shipmentId: string, location: Location) =&gt; {
    await trackingService.updateLocation(shipmentId, location);
  };
 
  return (
    &lt;div&gt;
      {trackingService.loading &amp;&amp; &lt;div&gt;Actualizando ubicación...&lt;/div&gt;}
      {trackingService.error &amp;&amp; &lt;div&gt;Error: {trackingService.error.message}&lt;/div&gt;}
      {/* Resto del componente */}
    &lt;/div&gt;
  );
};
 
export default TrackingComponent;
<p>