How to use the @wordpress/api-fetch.use function in @wordpress/api-fetch

export const applyAPIMiddleware = getSiteSlug => {
	// First middleware in, last out.

	// This call intentionally breaks the middleware chain.
	apiFetch.use( wpcomProxyMiddleware );

	apiFetch.use( debugMiddleware );

	apiFetch.use( wpcomPathMappingMiddleware( getSiteSlug ) );

	//depends on wpcomPathMappingMiddleware
	apiFetch.use( apiFetch.fetchAllMiddleware );

	apiFetch.use( apiFetch.createRootURLMiddleware( 'https://public-api.wordpress.com/' ) );
};

export const applyAPIMiddleware = getSiteSlug => {
	// First middleware in, last out.

	// This call intentionally breaks the middleware chain.
	apiFetch.use( wpcomProxyMiddleware );

	apiFetch.use( debugMiddleware );

	apiFetch.use( wpcomPathMappingMiddleware( getSiteSlug ) );

	//depends on wpcomPathMappingMiddleware
	apiFetch.use( apiFetch.fetchAllMiddleware );

	apiFetch.use( apiFetch.createRootURLMiddleware( 'https://public-api.wordpress.com/' ) );
};

import { disableAutosaveMiddleware } from './Rest/rest';
import * as server from './Server/server';
import { registerBlockEditorPreview } from './PostTypes/block-editor-preview';
import { registerBlockRegistryUpdate } from './Blocks/registry';

const { IS_SERVER_PARAM } = server;

const params = new URLSearchParams( window.location.search );
const isServer = params.get( IS_SERVER_PARAM ) === 'true';
if ( isServer ) {
	if ( ! window.wp.wpGraphqlGutenberg ) {
		window.wp.wpGraphqlGutenberg = {};
	}

	window.wp.wpGraphqlGutenberg.server = server;
	apiFetch.use( disableAutosaveMiddleware );

	const { blockEditorReady, closeEditor } = server;

	domReady( () => {
		blockEditorReady().then( closeEditor );
		blockEditorReady().then( checkIframeAdmin );
	} );
} else {
	registerBlockRegistryUpdate();
	registerBlockEditorPreview();

	domReady( () => {
		const admin = document.getElementById( 'wp-graphql-gutenberg-admin' );

		if ( admin ) {
			render( , admin );