Why am I getting the error: Cannot update a component (`Unknown`) while rendering a different component (`Edit`)?

I recently upgraded to WordPress 5.9, and I'm now getting the following error in a custom block: Cannot update a component (`Unknown`) while rendering a different component (`Edit`). The code is as below:

export default function Edit( props ) {

    const {attributes, setAttributes} = props
    const {customClass, summaryCount} = attributes
    const childBlockCount = useSelect(select = select('core/block-editor')).getBlockCount(props.clientId))

    const ALLOWED_BLOCKS = [
        ...
    ]

    function Placeholder() {
        return div className=event-summary-placeholder/div
    }

    useEffect(() = {
        if (childBlockCount !== summaryCount)
            setAttributes({summaryCount: childBlockCount})
    }, [childBlockCount])

    const blockProps = useBlockProps({})

    const innerBlocksProps = useInnerBlocksProps(blockProps, {
        allowedBlocks: ALLOWED_BLOCKS,
        templateLock: false
    })

    return (
        aside className='event-aside column-side'
            dl {...useBlockProps({ className: `${customClass} type-s` })}
                {summaryCount === 0  Placeholder/}
                {innerBlocksProps.children}
            /dl
        /aside
    )
}

Most solutions I've found so far recommend using useEffect in some way, but I'm not sure how that would apply here. What's causing this error?

Topic block-editor Wordpress

Category Web

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.