How to register multiple plugins in chart.js (react) ?

[GeoBrodas]

Here is how I registered the following plugins, but the annotation-plugin doesn't seem to work after adding the streaming plugin. Can anyone help me here?

Chart.register(annotationPlugin);
Chart.register(ChartStreaming);

[kurkle]

How are you importing those plugins?

[GeoBrodas]

Like this, @kurkle

import "chartjs-adapter-luxon";
import ChartStreaming from "chartjs-plugin-streaming";

import { Line } from "react-chartjs-2";
import Chart from "chart.js/auto";
import annotationPlugin from "chartjs-plugin-annotation";

But it works fine, if I remove the streaming plugin.

The annotation plugin stops working if I register the streaming plugin.

[LeeLenaleee]

Both plugins worked fine but your config was wrong, see #10173

[GeoBrodas]

@LeeLenaleee please check the Issue, I have shared a reproducible link to the sandbox which I have created in a Next.js environment.

The links previously shared was in angular, which seemed to work fine. Could you check this out now?

Link