Avoid backend JavaScript exception with accordion block (#691)

verdigado · Aug 6, 2024 · 4671996 · 4671996
1 parent 55cd824
commit 4671996
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/accordion/edit.js b/src/accordion/edit.js
@@ -14,6 +14,7 @@ import { __ } from '@wordpress/i18n';
 import { useBlockProps, RichText } from '@wordpress/block-editor';
 
 import { TextControl } from '@wordpress/components';
+import { useEffect } from '@wordpress/element';
 
 /**
  * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
@@ -40,7 +41,9 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 		className: 'accordion',
 	} );
 
-	setAttributes( { blockId: clientId } );
+	useEffect( () => {
+		setAttributes( { blockId: clientId } );
+	}, [ clientId, setAttributes ] );
 
 	const onChangeContent = ( newContent ) => {
 		setAttributes( { content: newContent } );