Move allowedBlocks outside of component to avoid useMemo use

WordPress · Mar 9, 2021 · ea5bc3b · ea5bc3b
1 parent 50ced8a
commit ea5bc3b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/block-library/src/gallery/gallery.js b/packages/block-library/src/gallery/gallery.js
@@ -13,13 +13,15 @@ import {
 import { VisuallyHidden } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { createBlock } from '@wordpress/blocks';
-import { useEffect, useMemo, useRef } from '@wordpress/element';
+import { useEffect, useRef } from '@wordpress/element';
 
 /**
  * Internal dependencies
  */
 import { defaultColumnsNumber } from './shared';
 
+const allowedBlocks = [ 'core/image' ];
+
 export const Gallery = ( props ) => {
 	const {
 		attributes,
@@ -38,7 +40,6 @@ export const Gallery = ( props ) => {
 		imageCrop,
 	} = attributes;
 	const galleryRef = useRef();
-	const allowedBlocks = useMemo( () => [ 'core/image' ], [] );
 	const { children, ...innerBlocksProps } = useInnerBlocksProps( blockProps, {
 		allowedBlocks,
 		orientation: 'horizontal',