Reinstate state “reset” but avoid passing internalInputValue as dep t…

…o effect
WordPress · Mar 31, 2023 · 029caff · 029caff
1 parent dc703a7
commit 029caff
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/link-control/use-internal-input-value.js b/packages/block-editor/src/components/link-control/use-internal-input-value.js
@@ -1,12 +1,23 @@
 /**
  * WordPress dependencies
  */
-import { useState } from '@wordpress/element';
+import { useState, useEffect } from '@wordpress/element';
 
 export default function useInternalInputValue( value ) {
 	const [ internalInputValue, setInternalInputValue ] = useState(
 		value || ''
 	);
 
+	// If the value prop changes, update the internal state.
+	useEffect( () => {
+		setInternalInputValue( ( prevValue ) => {
+			if ( value && value !== prevValue ) {
+				return value;
+			}
+
+			return prevValue;
+		} );
+	}, [ value ] );
+
 	return [ internalInputValue, setInternalInputValue ];
 }