He estado tratando de crear un gráfico con recharts en react y sigo teniendo el mismo problema con la representación personalizada de marcas en el eje x cuando uso el componente <Brush /> .

Tengo una porción de datos para mostrar durante 1 día: [{ date: '9:30', value: 1 }, { date: '9:35', value: 2 }, ...]

También hay marcas en el eje x para cada hora generadas por separado: ['9:00', '10:00', ...]

Si no uso el zoom con el pincel, se ve así , pero cuando trato de acercar para ver un rango de tiempo específico, desaparecen todas las marcas excepto una 😔.

Puedo hacer que el pincel funcione sin marcas personalizadas, pero realmente necesito mostrar solo horas sin valores intermedios como 9:45 en el eje x. Estaría muy contento de escuchar cualquier comentario.

reaccionar v17.0.2
Recargas v2.1.9
Versión de Chrome 103.0.5060.53 (compilación oficial) (x86_64)

Este ejemplo en un sandbox: https://codesandbox.io/s/simple-area-chart-forked-4kojl9?file=/src/App.tsx