import dynamic from 'next/dynamic'

renderBlocks(){
    const { blocks } = this.props;
    {blocks.map((block, i) => (
        switch(block.blockName){
            case 'core/paragraph':
                const ParagraphBlock = dynamic(import('../woo-lib/Paragraph'))
                <ParagraphBlock data={block.innerHTML} />
            case 'core/columns':
                const ColumnBlock = dynamic(import('../woo-lib/Column'))
                <ColumnBlock data={block.innerHTML} />
            ...so on
        }
    ))}
}

render(){
    return(
       <div>
            {this.renderBlocks()}
        </div>
    )
}