How to avoid a drawn shape from disappearing when hovering over a datapoint which loads a tooltip?

[Udemology]

How to avoid a drawn shape from disappearing when hovering over a datapoint which loads a tooltip?

I struggle with something as it counteracts with my plugin. I have a plugin that draws a simple shape onclick. Something like below. This works fine when I click anywhere on the chart. But once I hover on top of a datapoint the tooltip appears and the chart redraws. At that moment the shape disappears.

Is there a way to keep the shape active on the canvas while hover on a tooltip?

      plugins: [{
        id: 'myEventCatcher',
        afterEvent(chart, args, pluginOptions) {
          console.log(args)
          const event = args.event;
          if (event.type === 'click') {
            const {ctx} = chart;
            ctx.fillStyle = 'black';
            ctx.fillRect(10, 10, 10, 10);
          }
        }
      }]

[LeeLenaleee]

there are rendering steps done after the event happend. So if you want the shape to stay on the canvas you will need to use something like afterDraw callback to draw the shape. You can use the afterEvent to set a variable which you later check if it has to draw something

[Udemology]

Thank you LeeLenalee for your answer. It took me some time to fully grasp it but now I have it working.
Highly appreciate it!