$ claude "Solucionar el último error de Sentry y abrir una PR"

‍

Claude claude-sonnet-4-6 · ~/projects/acme-web

‍

● Buscando los últimos problemas de Sentry…

✔ sentry issues list --project acme-web --limit 1 --status unresolved

‍

ISSUE-4821 TypeError: No se pueden leer las propiedades de un valor undefined (intentando acceder a 'data')
Proyecto: acme-web · Entorno: producción
Primera aparición: 15 de junio de 2026, 22:14 UTC · Última aparición: 16 de junio de 2026, 07:03 UTC
Eventos: 1847 · Usuarios afectados: 312
Origen del error: src/components/Dashboard/MetricsPanel.tsx, línea 94

‍

● Obteniendo el stacktrace completo para ISSUE-4821…

‍

TypeError: No se pueden leer las propiedades de un valor undefined (intentando acceder a data)
en MetricsPanel.tsx:94:28 — processChartData(response)
en MetricsPanel.tsx:61:12 — useEffect(callback)
en react-dom/cjs/react-dom.development.js:22794

El breadcrumb más reciente:
→ GET /api/v2/metrics?range=7d → 200 OK (response.metrics era nulo)

‍

● Leyendo src/components/Dashboard/MetricsPanel.tsx…

‍

Línea 90–98:
90 │ const processChartData = (response: ApiResponse) => {
91 │ const { metrics } = response
92 │ // metrics puede ser null cuando no hay datos para el rango seleccionado
93 │ return metrics.data.map((m: Metric) => ({
94 │ label: m.label,
95 │ value: m.value ?? 0,
96 │ }))
97 │ }

‍

● Causa raíz identificada.
La API devuelve { metrics: null } cuando el rango seleccionado no tiene datos. La línea 93
desreferencia metrics.data sin una protección nula, lo que lanza una excepción en tiempo de ejecución.

‍

● Comprobando el estado de git…

En la rama main · nada que hacer commit, árbol de trabajo limpio

‍

● Creando rama de corrección…

$ git checkout -b fix/metrics-panel-null-data-sentry-4821
Cambiado a una nueva rama 'fix/metrics-panel-null-data-sentry-4821'

‍

● Aplicando corrección a src/components/Dashboard/MetricsPanel.tsx…

@@ -90,8 +90,8 @@
const processChartData = (response: ApiResponse) => {
const { metrics } = response
- return metrics.data.map((m: Metric) => ({
+ if (! metrics?.data) return []
+ return metrics.data.map((m: Metric) => ({
label: m.label,
value: m.value ?? 0,
}))

‍

● También actualizando src/components/Dashboard/MetricsPanel.tsx render guard…

@@ -61,6 +61,7 @@
useEffect(() => {
fetchMetrics(range).then((response) => {
+ if (! response?.metrics) { setChartData([]); return }
setChartData(processChartData(response))
})
}, [range])

‍

● Ejecutando pruebas…

$ pnpm test --testPathPattern=MetricsPanel
APROBADO src/components/Dashboard/__tests__/MetricsPanel.test.tsx
✓ renderiza el estado de carga (12 ms)
✓ renderiza el gráfico cuando los datos están presentes (34 ms)
✓ renderiza el estado vacío cuando las métricas son null (8 ms)
✓ renderiza el estado vacío cuando metrics.data es una matriz vacía (6 ms)

Suites de pruebas: 1 aprobada, 1 total
Pruebas: 4 aprobadas, 4 total

‍

● Confirmando…

$ git add src/components/Dashboard/MetricsPanel.tsx
$ git commit -m "fix(dashboard): guard against null metrics.data in MetricsPanel

Soluciona el problema Sentry ISSUE-4821 (1847 eventos, 312 usuarios).

El punto de conexión de la API /api/v2/metrics devuelve { metrics: null } cuando no existen datos
para el rango solicitado. processChartData() accedía a
metrics.data sin comprobar previamente si era null, lo que provoca un TypeError en tiempo de ejecución.

- Añadir protección de retorno temprano en processChartData(): if ! metrics?.data return []
- Añadir protección de respuesta en useEffect para cortocircuitar la llamada a setChartData
- Los usuarios afectados verían un bloqueo del panel en blanco; ahora muestra estado vacío

Sentry: ISSUE-4821"

[fix/metrics-panel-null-data-sentry-4821 a3f9c12] fix(dashboard): guard against null metrics.data...
1 archivo modificado, 2 insercciones(+), 1 eliminación(-)

‍

● Enviando branch y abriendo PR…

$ git push -u origin fix/metrics-panel-null-data-sentry-4821
Enumerando objetos: 9, completado.
Contando objetos: 100 % (9/9), completado.
Escribiendo objetos: 100 % (5/5), 1,02 KiB | 1,02 MiB/s, completado.
Rama 'fix/metrics-panel-null-data-sentry-4821' configurada para rastrear el remoto.

$ gh pr create \
--title "fix(dashboard): guard against null metrics.data in MetricsPanel" \
--body "..." \
--base main \
--label "bug,sentry"

✓ Pull request creada:
https://github.com/acme-org/acme-web/pull/1138

‍

──────────────────────────────────────────────────

‍

Completado. PR #1138 abierta · 2 líneas modificadas · 4 pruebas aprobadas
Sentry ISSUE-4821 se resolverá automáticamente una vez que finalice la implementación.

‍

$

‍