Performance issue while dragging component to canvas when you have 2k component on canvas

[mohdSuhailCoditation]

If there are 2K components on canvas then dragging a block on to the canvas lags the green line.
What browser are you using?
Google Chrome Version 101.0.4951.41 (Official Build) (64-bit)
Demo
https://user-images.githubusercontent.com/100282281/167993605-a31e7ffb-f594-4795-a8d5-fe8dac11c154.mp4

performance_issue.mp4

Explanation
I have added 2k components on the canvas. Then I am trying to drag a block on the canvas & it is showing a huge lag.
Script which I am using to populate 2k components:
const populate = () => { for(let i = 0;i<2000;i++) editor.addComponents( '<div>ABC</div>' ); }

how can i solve this issue? there is a way to improve the performance having a lot of blocks on canvas?

[artf]

I'll close this one in favor of the issue #4323