@wordpress/components FormTokenField のサジェストにカスタム投稿のタイトルをセットする

import { __ } from '@wordpress/i18n';
import { registerBlockType } from '@wordpress/blocks';
import { useSelect } from '@wordpress/data';
import {
  useBlockProps,
  InspectorControls
} from '@wordpress/block-editor';
import {
  FormTokenField,
  PanelBody
} from '@wordpress/components';
 
export default function Edit( { attributes, setAttributes } ) {
  const blockProps = useBlockProps();
  
  const {
	selectedPosts
  } = attributes;
  
  const posts = useSelect( ( select ) =>
	select( 'core' ).getEntityRecords( 'postType', 'plan', {per_page: -1} )
  );
  
  let postNames = [];
  let postsFieldValue = [];
  
  if ( posts !== null ) {
    	  
	postNames = posts.map( ( post ) => post.title.rendered );
	
	postsFieldValue = selectedPosts.map( ( postId ) => {
	  let wantedPost = posts.find( ( post ) => {
	    return post.id === postId;
	  } );
	  if ( wantedPost === undefined || ! wantedPost ) {
	    return false;
	  }
	  return wantedPost.title.rendered;
	} );
	
  }
  return (
    <div { ...blockProps }>
      <InspectorControls>
        <PanelBody title={ __( '投稿を取得', 'text-domain' ) } initialOpen="false">
		  <FormTokenField
		    label={__( '投稿名を入力してください', 'text-domain' )}
		    value={ postsFieldValue }
		    suggestions={postNames}
		    onChange={ ( selectedPosts ) => {
							
		      let selectedPostsArray = [];
		      selectedPosts.map(
		        ( postName ) => {
		          const matchingPost = posts.find( ( post ) => {
		            return post.title.rendered === postName;
		          } );
		          if ( matchingPost !== undefined ) {
		            selectedPostsArray.push( matchingPost.id );
		          }
		        }
		      )
		      setAttributes( { selectedPosts: selectedPostsArray } );
		    } }
		  />
        </PanelBody>
      </InspectorControls>
    </div>
  );
}