[react-chartjs-2 / React hooks] setState not working with 3.2.0

[SamuelBageot]

Hi,

I have some problems with react-chartjs-2 v3.2.0.

Consider this simple component which update the data :

const Dashboard = () => {
const [actualData, setActualData] = useState(allData.lineData);

const handleSwitchData = (e) => {
    setActualData(allData[e.target.value])
};

return (
    <div>
        <Line data={actualData} />
        <select onChange={handleSwitchData}>
            <option value="lineData">Months</option>
            <option value="lineData2">Weeks</option>
        </select>
    </div>
)

};

When toggling with the select, the state doesn't update.

This issue occurs only in v3.2.0 BUT not with v3.0.5.

Best regards

[dangreen]

@SamuelBageot Hi. Can you please provide full working reproduction of this issue (repo, codesansbox, ...)?

[SamuelBageot]

Here a quick repo.

https://github.com/SamuelBageot/chartjs

[dangreen]

@SamuelBageot Hi. Please try v3.3.0

[SamuelBageot]

@dangreen Hi. Nice work, everything seems to be ok.

Thanks !