How to use the @jsonforms/react.withJsonFormsArrayLayoutProps function in @jsonforms/react

id={id}
          rootSchema={rootSchema}
          errors={errors}
          enabled={enabled}
          visible={visible}
          data={data}
          path={path}
          addItem={addItemCb}
          renderers={renderers}
        />
      
    );
  };

export const materialArrayLayoutTester: RankedTester = rankWith(4, isObjectArrayWithNesting);
export default withJsonFormsArrayLayoutProps(MaterialArrayLayoutRenderer);

);
};

export default withJsonFormsArrayLayoutProps(MaterialArrayControlRenderer);

/>
          ) : (
            No Selection
          )}
        
      
    
  );
};

export const materialListWithDetailTester: RankedTester = rankWith(
  4,
  and(uiTypeIs('ListWithDetail'), isObjectArray)
);

export default withJsonFormsArrayLayoutProps(MaterialListWithDetailRenderer);