Disable/Enable on the fly

[Crashtor]

I'm trying to disable Draggable from a child <View>. However, it doesn't update on the fly.

<Draggable disabled={disabled.dis}>
        <View onTouchStart={() => updateDisabled() } ></View>
</Draggable>

const updateDisabled = () => {
    disabled = {dis: disabled.dis == false ? true : false}
}

Any suggestions as to how I can update on the fly?

Thanks

[Crashtor]

it worked with useState

const [disabled, setDisabled] = useState(false)

<Draggable disabled={disabled}/>

<Pressable onPress={() => setDisabled(true)} />