Unable to perform custom rotation for image overlay component over react-leaflet

I want to add a custom overlay image component and user can perform rotation using 4 or 2 bounds on image i have tried few plugin react-leaflet-distortable-imageoverlay but it is not compatible with react-leaflet latest version. I have tried creating issue on that github but not getting any respond.

This is the codesandbox link where i have rendered image and also enable dragging for that

https://codesandbox.io/p/sandbox/react-leaflet-image-5khqrg?file=%2Fsrc%2FApp.js

here i want to add rotation for that image similar like this
ref: https://publiclab.github.io/Leaflet.DistortableImage/examples/index.html

Thanks in advance.
Any suggestion would helpful for me as i am facing issue from last 2 weeks.

current react-leaflet version-> 4.2.1