Estoy teniendo el siguiente error:

Error no detectado: se superó la profundidad máxima de actualización. Esto puede suceder cuando un componente llama repetidamente a setState dentro de componentWillUpdate o componentDidUpdate. React limita la cantidad de actualizaciones anidadas para evitar bucles infinitos.

Seguido por:

El error anterior ocurrió en el componente "Gráfico"

mi único uso del componente Gráfico (que es de la biblioteca del componente de ojal) proviene de este fragmento de código:

 import {Chart} from 'grommet'; const WaveForm = (props:any):JSX.Element => { const size= props.waveForm.length const color = props.isRecording?"recording":props.isPrimed?"primed":"brand"; return ( <Chart bounds={[[0,Math.max(1000,size)], [-25,25]]} values= {props.waveForm.map((e:number,i:number) => ({value:[i, e, -e]}))} size={{"width": "fill",height:"75%"}} round={true} color={color} thickness="hair" /> ); } export default WaveForm;

Por mi vida, no puedo ver por qué esto está causando interminables re-renderizaciones. Cualquier ayuda sería muy apreciada.