useEffect(() => {
setState((prevState) => ({
...prevState,
chartPoints: chartPoints
}))
}, [])
chartPoints.forEach((d) => {
d.date = new Date(d.date)
d.value = Number(d.value)
})
для реакта эти изменения не доступны,
useEffect(() => {
setState((prevState) => ({
...prevState,
chartPoints: chartPoints.forEach((d) => {
d.date = new Date(d.date)
d.value = Number(d.value)
})
}))
}, [])
хотя бы должно быть так
draw тогда нужно повесить на эффект
React.useEffect(
() => {
draw()
}
,
[draw, state.chartPoints]
)
потому что если изменились state.chartPoints вызваться draw, так же надо draw завернуть в React.useCallback... в общем это подход из серии поменять стиль через document.querySelector )) в реакте...
вообще для библиотек там всяких пишут bindings надо найти "react d3 bindings"..
