Description

There are cases where select() is used directly instead of useSelect, even though it is within a component or a hook. For example, like this.

import { select } from '@wordpress/data';
import { store as editorStore } from '@wordpress/editor';

function Component() {
	const title = select( editorStore ).getEditedPostAttribute( 'title' );
	return title;
}

This means that the data becomes fixed when the component is rendered, and the old data will remain unless the component is re-rendered.

This is causing two problems, as far as I can tell.

Title suggestion

The button text should be "Regenerate" when the title is empty, and "Regenerate" when the title is not empty, but it is not reactive.

Suggest terms

The suggest terms button becomes interactive when the content includes 150 or more words. However, this button is not reactive to changes in content because its interactivity is determined at the time it is rendered based on the content. Therefore, even if you add or remove words, the button's state will not update.

Another issue with the current implementation is that outdated content may be sent to the server side when generating terms.

Step-by-step reproduction instructions

N/A

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except the AI plugin.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure