Memoize useSelect for usePatterns

WordPress · Sep 19, 2023 · 1a6c423 · 1a6c423
1 parent b06240a
commit 1a6c423
Show file tree

Hide file tree

Showing 2 changed files with 200 additions and 141 deletions.
diff --git a/packages/core-data/src/resolvers.js b/packages/core-data/src/resolvers.js
@@ -2,6 +2,7 @@
  * External dependencies
  */
 import { camelCase } from 'change-case';
+import createSelector from 'rememo';
 
 /**
  * WordPress dependencies
@@ -619,6 +620,15 @@ export const getBlockPatternCategories =
 		dispatch( { type: 'RECEIVE_BLOCK_PATTERN_CATEGORIES', categories } );
 	};
 
+const mapPatternCategories = createSelector(
+	( patternCategories ) =>
+		patternCategories?.map( ( userCategory ) => ( {
+			...userCategory,
+			label: userCategory.name,
+			name: userCategory.slug,
+		} ) ) || []
+);
+
 export const getUserPatternCategories =
 	() =>
 	async ( { dispatch, resolveSelect } ) => {
@@ -631,16 +641,9 @@ export const getUserPatternCategories =
 			}
 		);
 
-		const mappedPatternCategories =
-			patternCategories?.map( ( userCategory ) => ( {
-				...userCategory,
-				label: userCategory.name,
-				name: userCategory.slug,
-			} ) ) || [];
-
 		dispatch( {
 			type: 'RECEIVE_USER_PATTERN_CATEGORIES',
-			patternCategories: mappedPatternCategories,
+			patternCategories: mapPatternCategories( patternCategories ),
 		} );
 	};