WordPress Gutenberg InspectorControls giving Warning when creating Attributes with nested Elements

General Bug Reports
,
1

Hello Support,
I have created a small block using Pinegrow Gutenberg Block and Block Attributes, Pinegrow using InspectorControls blockEditor’s Component, now the issue is that each element you insert inside Inspector Control array, it must have a unique key “KEY”
see the following code where I have added the key manually.

edit: function (props) {
			return el(Fragment, {}, [
				el(InspectorControls, { key: "inspector" }, [
					el(
						Panel,
						{ key: "panel" },
						el(
							PanelBody,
							{
								title: __("Block Attributes", "pwspkblocks"),
							},
							[
								el(TextControl, {
									key: "text1",
									value: props.attributes.message,
									label: __("Change Message", "pwspkblocks"),
									onChange: function (text) {
										props.setAttributes({ message: text });
									},
								}),
							]
						)
					),
				]),
				el(
					"p",
					{ ...useBlockProps(), key: "paragraph" },
					props.attributes.message
				),
			]);
		},

Pinegrow does not create a unique key for each element, and the console warns about it.
if you have any question or doubt about my post let me know.

Thanks

2

Thanks @itsmeleo will take a look at this.