How to use template in useInnerBlocksProps?

[miho-birds]

Hi! I'm struggling with useInnerBlocksProps settings.
In InnerBlocks I was able to use TEMPLATE like this:

const MY_TEMPLATE = [ ...Array(37) ].map( () => [ 'core/list', {} ] );
<InnerBlocks
	className        =  "items"
	template         =  { MY_TEMPLATE }
	templateLock     = "all"
/>

I'm currently trying to use useInnerBlocksProps instead and if I add my template in useInnerBlocksProps, but it doesn't work.
In the first place, It's not available to add a template to it?

Could you please advise me? Thank you in advance.

[fabiankaegy]

Hey 👋

The useInnerBlocksProps hook accepts two objects as its arguments. The first object can contain any attributes you want to add to the wrapping element. The second object contains all of the settings for the inner block area.

So in your example this would look something like this:

const MY_TEMPLATE = [ ...Array(37) ].map( () => [ 'core/list', {} ] );

const innerBlocksProps = useInnerBlocksProps(
    {
        className: 'items',
    },
    {
        template: MY_TEMPLATE,
        templateLock: 'all'
    }
);

<ul {...innerBlocksProps} />

hope this helps :)

[miho-birds]

@fabiankaegy

Hi! I've tried your code and it worked : )))
I’m on cloud nine!✨ THANK YOU SO MUCH <3