AcfBlockMediaText.js

import AcfMediaText from '@/components/organisms/AcfMediaText'
import getImg from '@/functions/getImg'
import PropTypes from 'prop-types'

/**
 * Handle the AcfBlockMediaText block.
 *
 * @author WebDevStudios
 * @param {object} props            The props.
 * @param {object} props.attributes The attributes object.
 * @return {Element}                The component.
 */
export default function AcfBlockMediaText({attributes}) {
  // TODO: Query the DB for the image ID and replace the attributes.data with the correct information.
  let attrData = {
    ...attributes.data
  }

  getImg(attributes.data.file).then((img) => {
    attrData.image = img
  })

  return (
    <>
      {attrData ? (
        <AcfMediaText {...attrData} />
      ) : (
        'There was a problem with attributes in AcfBlockMediaText.js.'
      )}
    </>
  )
}

AcfBlockMediaText.propTypes = {
  attributes: PropTypes.object
}