Use RenderBlocks component

eea · Sep 21, 2020 · d57e2c1 · d57e2c1
1 parent b65e4f7
commit d57e2c1
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/ColumnsBlock/ColumnsBlockView.jsx b/src/ColumnsBlock/ColumnsBlockView.jsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import { Grid } from 'semantic-ui-react';
-import { renderBlocks } from '@plone/volto/helpers';
+// import { renderBlocks } from '@plone/volto/helpers';
 import { getColumns, empty } from './utils';
+import { RenderBlocks } from '@plone/volto/components';
 
 const ColumnsBlockView = (props) => {
   const { coldata = empty(), block_title } = props.data;
@@ -14,7 +15,7 @@ const ColumnsBlockView = (props) => {
           return (
             <Grid.Column className="demo-column" key={id}>
               <h4>{`Column ${index}`}</h4>
-              {renderBlocks(column, props)}
+              <RenderBlocks {...props} content={column} />
             </Grid.Column>
           );
         })}