JSFiddle - React, Tailwind, and code Playground

JavaScript

let array = [{
      name: "name01",
      arr: [{
          name: "inner01"
        },
        {
          name: "inner02"
        },
        {
          name: "inner03"
        }
      ]
    }, {
      name: "name02",
      arr: [{
          name: "inner04"
        },
        {
          name: "inner05"
        },
        {
          name: "inner06"
        }
      ]
    }]

    let convo = array.map(item => {
      return {
        name: item.name,
        ...item.arr,
      };
    });

    console.log(convo)
    /* 0:
      0: {name: "inner01"}
      1: {name: "inner02"}
      2: {name: "name02"}
      name: "name01"

    1:
      0: {name: "inner03"}
      1: {name: "inner04"}
      2: {name: "name02"}
      name: "name02" */