Display only relevant data on nested table

const test = data?.records?.map((leg) => leg?.legs); 
        // Parent table
        <Table
          columns={columns as unknown as Column<TBetsData>[]}
          data={(data?.records ?? []) as TBetsData[]}
          loading={status === 'loading'}
        >
        // Nested table
            <Table
              columns={subcolumns as unknown as Column<TBetLegs>[]}
              data={(test[2] ?? []) as TBetLegs[]}
              loading={status === 'loading'}
            />
        </Table>

records : [
    {
        "bet_id": "6cfdc90f-a288-4b13-a7a7-e784f458aa95",
        "created_at": "2022-11-10T23:36:34Z",
        "stake": 50000,
        "legs": [ { }, { }] <--- the nested data table to display these
        ],
        "punter_id": "b2d6999e-2032-4110-8594-1f5141f4ede1",
        "punter_name": "depo sit",
        "punter_category": "Newbie"
    }, {...}, {...}
]