Disable Links in ACF Block-Edit Method

disable-acf-blocks-on-edit.js

/*
 * Wrap all ACF Blocks in Disabled block to disable all links in edit view
 */
const { createHigherOrderComponent } = wp.compose;
const { Fragment } = wp.element;
import { Disabled } from '@wordpress/components';


const withDisabledCompontent =  createHigherOrderComponent( ( BlockEdit ) => {
  return ( props ) => {

      // only wrap block when it's a acf block in preview mode
      if (
        ! props.name.startsWith('acf/')
        || 'preview' != props.attributes.mode
      ) {
        return <BlockEdit { ...props } />;
      };


      return (
          <Fragment>
            <Disabled>
              <BlockEdit { ...props } />
            </Disabled>
          </Fragment>
      );
  };
}, "withInspectorControl" );

wp.hooks.addFilter( 'editor.BlockEdit', 'derweili/disabled-acf-blocks', withDisabledCompontent );