How to keep a point which was clicked as active like it is during hover.

[HuzaifaBilal]

I have written the following code to set the point that was clicked as Active element but it just doesn't work any suggestions

  private onClick = (
    event: ChartEvent,
    elements: ActiveElement[],
    chart: Chart,
  ) => {
    if (elements.length) {
      const element = elements[0];
      const datasetIndex = element.datasetIndex;
      const dataIndex = element.index;
      const dataset = chart.data.datasets[datasetIndex];
      const dataValue = dataset.data[dataIndex];
      chart.setActiveElements([
        {
          datasetIndex,
          index: dataIndex,
        },
      ]);
      chart.tooltip?.setActiveElements(
        [
          {
            datasetIndex,
            index: dataIndex,
          },
        ],
        dataValue as Point,
      );

      chart.update();
    }  };