I need to render each Gutenberg inner block separately to render them inside slick slider. I'm trying to render innerBlocksProps.children but it also wrapps the inner blocks in a div and I need every inner block separately on the slider container
import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
export default function Edit() {
const blockProps = useBlockProps({ className: `customerlogos` });
const innerBlocksProps = useInnerBlocksProps();
console.log(innerBlocksProps);
const settings = {
slidesToShow: 5,
};
return (
<div {...blockProps}>
<Slider {...settings}>
{ innerBlocksProps.children }
</Slider>
</div>
);
}