diff --git a/assets/js/blocks/product-categories/block.js b/assets/js/blocks/product-categories/block.js
index 96606f95cbe..461dcd15bbd 100644
--- a/assets/js/blocks/product-categories/block.js
+++ b/assets/js/blocks/product-categories/block.js
@@ -5,7 +5,12 @@ import { __ } from '@wordpress/i18n';
 import { InspectorControls } from '@wordpress/block-editor';
 import ServerSideRender from '@wordpress/server-side-render';
 import PropTypes from 'prop-types';
-import { PanelBody, ToggleControl, Placeholder } from '@wordpress/components';
+import {
+	Disabled,
+	PanelBody,
+	ToggleControl,
+	Placeholder,
+} from '@wordpress/components';
 import { Icon, list } from '@woocommerce/icons';
 import ToggleButtonControl from '@woocommerce/editor-components/toggle-button-control';
 
@@ -181,11 +186,13 @@ const ProductCategoriesBlock = ( { attributes, setAttributes, name } ) => {
 	return (
 		<>
 			{ getInspectorControls() }
-			<ServerSideRender
-				block={ name }
-				attributes={ attributes }
-				EmptyResponsePlaceholder={ EmptyPlaceholder }
-			/>
+			<Disabled>
+				<ServerSideRender
+					block={ name }
+					attributes={ attributes }
+					EmptyResponsePlaceholder={ EmptyPlaceholder }
+				/>
+			</Disabled>
 		</>
 	);
 };