How to use the @wordpress/hooks.removeAction function in @wordpress/hooks

import * as hooks from '@wordpress/hooks';

hooks.addAction('my-action', 'my/namespace', () => {});
hooks.addAction('my-action', 'my/namespace', () => {}, 20);

hooks.addFilter('my-filter', 'my/namespace', (foo: string, bar: number) => `${foo}${bar}`);
hooks.addFilter('my-filter', 'my/namespace', (foo: number, bar: number) => bar, 23);

hooks.removeAction('my-action', 'my/namespace');
hooks.removeFilter('my-filter', 'my/namespace');

// $ExpectType boolean
hooks.hasAction('my-action');
// $ExpectType boolean
hooks.hasFilter('my-filter');

hooks.removeAllActions('my-action', 'my/namespace');
hooks.removeAllFilters('my-filter', 'my/namespace');

// $ExpectType unknown
hooks.doAction('my-action');
// $ExpectType string
hooks.doAction('my-action', 'foo');

// $ExpectType unknown

export const stopListening = () => {
	// Turn off help tip styling.
	document.body.classList.remove( 'ugb--help-tips-enabled' )

	stopListeningMouseEvents()
	removeAction( 'stackable.help-video.control.hover.in', 'stackable/help/hoverin' )
	removeAction( 'stackable.help-video.control.hover.out', 'stackable/help/hoverout' )
	removeAction( 'stackable.help-video.control.click', 'stackable/help/click' )
}

export const stopListening = () => {
	// Turn off help tip styling.
	document.body.classList.remove( 'ugb--help-tips-enabled' )

	stopListeningMouseEvents()
	removeAction( 'stackable.help-video.control.hover.in', 'stackable/help/hoverin' )
	removeAction( 'stackable.help-video.control.hover.out', 'stackable/help/hoverout' )
	removeAction( 'stackable.help-video.control.click', 'stackable/help/click' )
}

componentWillUnmount() {
				FilteredComponentRenderer.instances = without(
					FilteredComponentRenderer.instances,
					this
				);

				// If this was the last of the mounted components filtered on
				// this hook, remove the hook handler.
				if ( FilteredComponentRenderer.instances.length === 0 ) {
					removeAction( 'hookRemoved', namespace );
					removeAction( 'hookAdded', namespace );
				}
			}

onRemoveBlockCheckUpload = ( mediaId: number ) => {
		if ( hasAction( 'blocks.onRemoveBlockCheckUpload' ) ) {
			// now remove the action as it's  a one-shot use and won't be needed anymore
			removeAction( 'blocks.onRemoveBlockCheckUpload', 'gutenberg-mobile/blocks' );
			requestImageUploadCancel( mediaId );
		}
	};

componentWillUnmount() {
		const hookName = this.getHookName();

		removeAction( 'heartbeat.send', hookName );
		removeAction( 'heartbeat.tick', hookName );
	}

componentWillUnmount() {
				this.throttledForceUpdate.cancel();
				removeAction( 'hookRemoved', this.namespace );
				removeAction( 'hookAdded', this.namespace );
			}

componentWillUnmount() {
		const { instanceId } = this.props
		removeAction( 'stackable.responsive-toggle.screen.change', `stackable/responsive-toggle-${ instanceId }` )
		removeAction( 'stackable.responsive-toggle.screen.open', `stackable/responsive-toggle-${ instanceId }` )
		removeAction( 'stackable.responsive-toggle.screen.close', `stackable/responsive-toggle-${ instanceId }` )
	}

componentWillUnmount() {
		const hookName = this.getHookName();

		removeAction( 'heartbeat.send', hookName );
		removeAction( 'heartbeat.tick', hookName );
	}

return () => {
			removeAction( 'stackable.help-video.show', 'stackable/help' )
			removeAction( 'stackable.help-video.hide', 'stackable/help' )
		}
	}, [] )