Haz visible lo invisible en Next.js 16: Debugging avanzado

Cuando usas use cache en Next.js 16, puede ser difícil rastrear por qué algunos datos no se actualizan como esperas.

El truco

// ANTES
const data = useCache(fetchDataFromAPI);

// DESPUÉS
const data = useCache(() => {
  fetchDataFromAPI()
    .then(response => console.log('Datos obtenidos:', response))
    .catch(error => console.error('Error al obtener datos:', error));
  return fetchDataFromAPI();
});

Cuando envuelves fetchDataFromAPI en una función anónima dentro de useCache, puedes añadir console.log() y console.error() para ver exactamente qué datos se están obteniendo y si ocurre algún error. Esto te da visibilidad sobre el comportamiento de la caché y los datos que se están manejando en tu aplicación sin modificar tu código de producción.

No subestimes el poder de un buen logging al depurar comportamientos inesperados en caché.