How to change cdkDropListConnectedTo while dragging in angular?

Question

I am using angular material drag and drop feature. I need to change the cdkDropListConnectedTo attribute while I'm dragging the div.

For your information, the only reason I am using angular material for this feature is the animation, I am not transferring any data.

I found this question which says to use cdkDropLists.

The problem with the cdkDropLists is:

I am making a sudoku-block game. When I click on the left top corner of my block and start dragging on board and drop, it works fine.

But when I click any other corner and start dragging, when I drop on the board it references the left top corner and goes somewhere else.

For that reason, I need to change cdkDropListConnectedTo attribute when I drag the item to manipulate where it goes on the board. Or is there any better way to use this animation?