How to Create a BlockExcerpt Component (React/Gatsby) that Converts Array to Plain Text

const BlockExcerpt = ({ blocks }) => {
  // console.log(blocks)

  const blockText = blocks.map(block => {
    return block.children.map(blockPart => {
      return blockPart.text
    })
  });

  const flat = blockText.flat(2)
  const joined = flat.join("")
  const truncated = joined.substring(0,190)
  return <p className={typo.p}>{truncated}…</p>
}

export default BlockExcerpt