Show or hide WordPress customizer control on change of another control. https://florianbrinkmann.com/en/3783/conditional-displaying-and-hiding-of-customizer-controls-via-javascript/

customize-controls.js

;(function () {
	/**
	 * Run function when customizer is ready.
	 */
	wp.customize.bind('ready', function () {
		wp.customize.control('slug_select_control', function (control) {
			/**
			 * Run function on setting change of control.
			 */
			control.setting.bind(function (value) {
				switch (value) {
					/**
					 * The select was switched to the hide option.
					 */
					case 'hide':
						/**
						 * Deactivate the conditional control.
						 */
						wp.customize.control('slug_conditional_control').deactivate();
						break;
					/**
					 * The select was switched to »show«.
					 */
					case 'show':
						/**
						 * Activate the conditional control.
						 */
						wp.customize.control('slug_conditional_control').activate();
						break;
				}
			});
		});
	});
})();

Found the solution, instead of use the method deactivate and activate, use toggle like this:

wp.customize.control('my_control', function (control) {

    const toggleControl = (value) => {

        if (condition) {
            wp.customize.control('control_to_hide').toggle(true);
        } else {
            wp.customize.control('control_to_hide').toggle(false);
        }
    };

    toggleControl(control.setting.get());
    control.setting.bind(toggleControl);
});

condition undefined?

@lwxbr Cheers that worked!