Así que tengo una clase LineChart.js que contiene este código:

 import React from 'react' import {Line} from 'react-chartjs-2'; const data = { labels: ['red'], datasets: [{ label: 'My First Dataset', data: [65], fill: false, borderColor: 'rgb(75, 192, 192)', tension: 0.1 }] }; function LineChart() { return ( <div> <h3>Hello</h3> <Line> data = {data} </Line> </div> ) } export default LineChart

Llamo a esto en otra clase usando:

 <div className={classes.chartContainer}> <LineChart></LineChart> </div>

Cuando ejecuto este código, me muestra un texto "Hola" y debajo hay un gráfico predeterminado, pero no se han procesado datos. Ver imagen: https://gyazo.com/312696275a57306c531d3872c75aa0d9

¿Alguien sabe lo que estoy haciendo mal? No veo registros de errores extraños.