diff --git a/docs/reference/deprecated.md b/docs/reference/deprecated.md index cbe0685df720ae..0f5b1f1774c4af 100644 --- a/docs/reference/deprecated.md +++ b/docs/reference/deprecated.md @@ -13,6 +13,7 @@ Gutenberg's deprecation policy is intended to support backwards-compatibility fo - `blocks.BlockEdit` filter removed. Please use `editor.BlockEdit` instead. - `blocks.BlockListBlock` filter removed. Please use `editor.BlockListBlock` instead. - `blocks.MediaUpload` filter removed. Please use `editor.MediaUpload` instead. + - Block `id` prop in `edit` function removed. Please use block `clientId` prop instead. ## 3.2.0 diff --git a/editor/components/block-list/block.js b/editor/components/block-list/block.js index 9e1c1b238bf0a1..d6b446d5ce830f 100644 --- a/editor/components/block-list/block.js +++ b/editor/components/block-list/block.js @@ -28,6 +28,7 @@ import { withFilters } from '@wordpress/components'; import { __, sprintf } from '@wordpress/i18n'; import { withDispatch, withSelect } from '@wordpress/data'; import { withViewportMatch } from '@wordpress/viewport'; +import deprecated from '@wordpress/deprecated'; /** * Internal dependencies @@ -533,7 +534,18 @@ export class BlockListBlock extends Component { insertBlocksAfter={ isLocked ? undefined : this.insertBlocksAfter } onReplace={ isLocked ? undefined : onReplace } mergeBlocks={ isLocked ? undefined : this.mergeBlocks } - id={ uid } + clientId={ uid } + { ...{ + get id() { + deprecated( 'block `id` prop in `edit` function', { + version: '3.3', + alternative: 'block `clientId` prop', + plugin: 'Gutenberg', + } ); + + return uid; + }, + } } isSelectionEnabled={ this.props.isSelectionEnabled } toggleSelection={ this.props.toggleSelection } />