Components: refactor AlignmentMatrixControl to pass exhaustive-deps (#41167)

* destructure `compsite.setCurrentId` outside of effect to avoid a loop. Update dependency array

* Components: update changelog

* Update packages/components/CHANGELOG.md

* Update packages/components/CHANGELOG.md

* Update packages/components/CHANGELOG.md

Co-authored-by: Marco Ciampini <marco.ciampo@gmail.com>

Author: chad1008

packages/components/CHANGELOG.md

@@ -4,6 +4,7 @@
 
 ### Internal
 
+-   `AlignmentMatrixControl` updated to satisfy `react/exhuastive-deps` eslint rule ([#41167](https://github.com/WordPress/gutenberg/pull/41167))
 -   `CheckboxControl`: Add unit tests ([#41165](https://github.com/WordPress/gutenberg/pull/41165)).
 
 ## 19.11.0 (2022-05-18)

packages/components/src/alignment-matrix-control/index.js

@@ -53,11 +53,13 @@ export default function AlignmentMatrixControl( {
 		onChange( nextValue );
 	};
 
+	const { setCurrentId } = composite;
+
 	useEffect( () => {
 		if ( typeof value !== 'undefined' ) {
-			composite.setCurrentId( getItemId( baseId, value ) );
+			setCurrentId( getItemId( baseId, value ) );
 		}
-	}, [ value, composite.setCurrentId ] );
+	}, [ value, setCurrentId, baseId ] );
 
 	const classes = classnames(
 		'component-alignment-matrix-control',