DynamicBlock.js

import Block from './PageBuilder/Block'
import Cover from './PageBuilder/Cover'
import Embed from './PageBuilder/Embed'

const DynamicBlock = (props) => {

  const blocks = {
    "pages.cover": Cover,
    "pages.block": Block,
    "pages.embed": Embed
  }

  const type = props.data["__component"]

  if(type && type in blocks) {
    const MyBlock = blocks[type]
    return <MyBlock data={props.data} />
  } 

}

export default DynamicBlock