# extendify/3.1.6/src/Shared/hooks/gutenberg.js

Extendify, version 3.1.6. 33 lines.

- Page: https://pluginprobe.com/plugins/extendify/3.1.6/code/src/Shared/hooks/gutenberg.js
- Raw: https://pluginprobe.com/plugins/extendify/3.1.6/raw/src/Shared/hooks/gutenberg.js
- Modified: 2024-10-08T10:19:28+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/3.1.6/code/src/Shared/hooks/gutenberg.js#L10-L20`.

```javascript
import { store as blockEditorStore } from '@wordpress/block-editor';
import { subscribe, useSelect } from '@wordpress/data';
import { store as editorStore } from '@wordpress/editor';
import { useEffect, useState } from '@wordpress/element';

//** This hook checks if the editor is interactive yet */
export const useEditorReady = () => {
	const [isEditorReady, setIsEditorReady] = useState(false);
	const blocksReady = useSelect(
		(select) =>
			select(blockEditorStore).__unstableIsEditorReady ||
			select(blockEditorStore).getBlockCount() > 0 ||
			select(blockEditorStore).getSelectedBlockClientId(),
	);
	const editorReady = useSelect(
		(select) =>
			select(editorStore).__unstableIsEditorReady ||
			select(editorStore).isCleanNewPost(),
	);
	// TODO: do we need to wait on the iframe?

	useEffect(() => {
		const unsubscribe = subscribe(() => {
			if (blocksReady || editorReady) {
				setIsEditorReady(true);
				unsubscribe();
			}
		});
	}, [blocksReady, editorReady]);

	return isEditorReady;
};

```