Refactor to not need constants

packages/block-editor/src/components/spacing-sizes-control/hooks/use-spacing-sizes.js

@@ -10,21 +10,11 @@ import { __ } from '@wordpress/i18n';
 import { useSettings } from '../../use-settings';
 import { RANGE_CONTROL_MAX_SIZE } from '../utils';
 
-const EMPTY_ARRAY = [];
-
-const UNSET_SIZE = [
-	{
-		name: __( 'Default' ),
-		slug: 'default',
-		size: undefined,
-	},
-];
-
 export default function useSpacingSizes() {
 	const [
-		customSizes = EMPTY_ARRAY,
-		themeSizes = EMPTY_ARRAY,
-		defaultSizes = EMPTY_ARRAY,
+		customSizes,
+		themeSizes,
+		defaultSizes,
 		defaultSpacingSizesEnabled,
 	] = useSettings(
 		'spacing.spacingSizes.custom',
@@ -34,20 +24,31 @@ export default function useSpacingSizes() {
 	);
 
 	const maybeDefaultSizes =
-		defaultSpacingSizesEnabled !== false ? defaultSizes : EMPTY_ARRAY;
+		defaultSpacingSizesEnabled !== false ? defaultSizes : null;
 
 	return useMemo( () => {
+		const zeroSize = [ { name: 0, slug: '0', size: 0 } ];
+
 		const sizesLength =
+			zeroSize.length +
 			( customSizes?.length ?? 0 ) +
 			( themeSizes?.length ?? 0 ) +
 			( maybeDefaultSizes?.length ?? 0 );
 
 		const maybeUnsetSize =
-			sizesLength > RANGE_CONTROL_MAX_SIZE ? UNSET_SIZE : EMPTY_ARRAY;
+			sizesLength > RANGE_CONTROL_MAX_SIZE
+				? [
+						{
+							name: __( 'Default' ),
+							slug: 'default',
+							size: undefined,
+						},
+				  ]
+				: null;
 
 		return [
 			...maybeUnsetSize,
-			{ name: 0, slug: '0', size: 0 },
+			...zeroSize,
 			...customSizes,
 			...themeSizes,
 			...maybeDefaultSizes,