wrap in effect

WordPress · Jun 20, 2020 · 4dfdee4 · 4dfdee4
1 parent 6d6f7d7
commit 4dfdee4
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/provider/use-block-sync.js b/packages/block-editor/src/components/provider/use-block-sync.js
@@ -108,8 +108,10 @@ export default function useBlockSync( {
 	// waiting for React renders for changes.
 	const onInputRef = useRef( onInput );
 	const onChangeRef = useRef( onChange );
-	onInputRef.current = onInput;
-	onChangeRef.current = onChange;
+	useEffect( () => {
+		onInputRef.current = onInput;
+		onChangeRef.current = onChange;
+	}, [ onInput, onChange ] );
 
 	useEffect( () => {
 		const {