onClick event not triggered in drei's TransformControls

[Draco112358]

Good morning!
Anyone can explain me why drei's TransformControls does not trigger the onClick event, even if it has this event in its signature?
My code is like:

...
<>
            <TransformControls onClick(() => dispatch(selectComponent(keyComponent)))
                key={keyComponent}
                ref={transformation}
                position={position} rotation={rotation} scale={scale}
                userData={{ key: keyComponent }  visible>
                <mesh ref={meshRef}  >
                    {children}
                </mesh>
            </TransformControls>
            <DetectCollision canvas={canvas} entity={findComponentByKey(canvas, keyComponent)} />
        </>

If I removed the TransformControls and set the onClick event in the tag, it'd be triggered as expected, but with the TransformControls one it does not work at all.

Thanks!

[Draco112358]

Update!
In my app I've the above code for each mesh in the canvas, so I decided to visualize axis only for the selected one. This is the code:

...
useEffect(() => {
        if (transformation.current && selectedComponentKey !== 0) {
            const controls: Object3DNode<any, any> = transformation.current
            if (controls.object.userData.key === selectedComponentKey) {
                controls.showX = true
                controls.showY = true
                controls.showZ = true
            } else {
                controls.showX = false
                controls.showY = false
                controls.showZ = false
            }
        }
    },[selectedComponentKey])

Now I've found that only for the one that have axis visible the onClick work, so the problem must be that if I hide axis the event is not triggered anymore. Any suggestions?

[drcmda]

to my knowledge transform controls does not have events. types may say it does because it inherits from object3d but i dont see what that would do, it has no geometry other than a few gizmo lines. not sure if you've seen it, here's a generic example for that control https://codesandbox.io/s/transformcontrols-and-makedefault-btsbj you don't need to wrap stuff into it any longer, that makes it easier to handle.

[Draco112358]

Thanks for the answer. Yes, this way it would work, but I'm using typescript rather than plain javasript, so in TransformControls is mandatory to have children property. Is there a way to bypass this?