@eightshift/frontend-libs/blocks/init/src/Blocks/custom/group/group-block.js

A collection of useful frontend utility modules. powered by Eightshift

import React from 'react';
import { useSelect } from '@wordpress/data';
import { overrideInnerBlockSimpleWrapperAttributes } from '@eightshift/frontend-libs/scripts';
import { GroupEditor } from './components/group-editor';

export const Group = (props) => {
	const {
		clientId,
	} = props;

	// Set this attributes to all inner blocks once inserted in DOM.
	useSelect((select) => {
		overrideInnerBlockSimpleWrapperAttributes(select, clientId);
	});

	return (
		<GroupEditor {...props} />
	);
};