Memoize selected render value

WordPress · Jan 23, 2024 · e3c0be1 · e3c0be1
1 parent d14ab4b
commit e3c0be1
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/components/src/custom-select-control-v2/custom-select.tsx b/packages/components/src/custom-select-control-v2/custom-select.tsx
@@ -6,7 +6,7 @@ import * as Ariakit from '@ariakit/react';
 /**
  * WordPress dependencies
  */
-import { createContext } from '@wordpress/element';
+import { createContext, useMemo } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 
 /**
@@ -61,8 +61,10 @@ export function _CustomSelect( {
 > ) {
 	const { value: currentValue } = store.useState();
 
-	const computedRenderSelectedValue =
-		renderSelectedValue ?? defaultRenderSelectedValue;
+	const computedRenderSelectedValue = useMemo(
+		() => renderSelectedValue ?? defaultRenderSelectedValue,
+		[ renderSelectedValue ]
+	);
 
 	return (
 		<>