Cannot moving 3d model with TransformControls when render in mapbox

I loaded a model to mapboxgl. I have a problem when add transformControls in model. It does’n work. I can’t do anything with the arrows. Anyone have solutions for my case
Here is my example: https://codepen.io/Ngoc-Son-Nguyen/pen/bGQZVbo

You’ll need to disable map’s dragPan interaction

this.map.dragPan.disable()