TypeError: Cannot read properties of undefined (reading 'labels')

I ccreated an Extra functional Linechart Component from the LineChart Example with React hooks.

Expected Behavior

const [chartData, setChartData] = useState({}); When using useState for initial value default {} should be accepted like in many other version/ tutorials and examples.

###Actual Behavior I get the error:

TypeError: Cannot read properties of undefined (reading ‘labels’).

What i tried so far

1. setting a default with labels and Data
2. using the Ternary Operator if chartData is undefined return (chartData)? <Line options={options} data={chartData} />:<Line options={options} data={chartData} />

Con of this solution getting an empty page only after 2 secs the Charts loads but normaly the usefect({//some code},[]);should be the initial load without an hinder the “emptyload”.

Operating System: Windows Browsers:

1. Chromium(Opera,Chrome)
2. Firefox

“react-chartjs-2”: “^4.0.0”, “react-dom”: “^17.0.2”, “react”: “^17.0.2”, “chart.js”: “^3.6.1”,

[dangreen]

@emilnobody Hi. datasets property is required, so as a default state, you can use

{
  datasets: []
}

If you still have problems, please provide issue reproduction by forking this sandbox.

[Oceanestars]

@emilnobody Hi. datasets property is required, so as a default state, you can use

{
  datasets: []
}

If you still have problems, please provide issue reproduction by forking this sandbox.

That fixed the error for me!