Уменьшите массив объектов с помощью глубоко литеральных ключей в JS

Я запутался в преобразовании массива с помощью метода уменьшения. Я не могу понять, как работать с вложенным объектом с литеральными ключами.

Чтобы получить некоторое преимущество, я опубликую пример, который я написал, и он отлично работает:

// consider flat array of objects
const names = [
{ name: "Jaden", sname: "Smith", age: 33 }, 
{ name: "Will", sname: "Smith", age: 12 },
{ name: "Jada", sname: "Smith", age: 29 }, 
{ name: "Jose", sname: "Varho", age: 21 },
{ name: "Josephina", sname: "Varho", age: 44 }, 
{ name: "Keanu ", sname: "Reeves", age: 44 }] ;

// suppose i need to transform that array to this shape:
/* {
    "Smith": {
        "Jaden": 33,
        "Will": 12,
        "Jada": 29
    },
    "Varho": {
        "Jose": 21,
        "Josephina": 44
    },
    "Reeves": {
        "Keanu ": 44
    }
}

*/

// this reducer do it's fine:
const shapeIt = (acc, item) => {
    console.info('acc:', JSON.stringify(acc));
    acc[item.sname] = { ...acc[item.sname], [item.name]: item.age }
    return acc
}

const transformShape= (arr) => {
    return arr.reduce((acc, item) => shapeIt(acc, item), {});
}

transformShape(names); //gives required shape

Итак, теперь давайте представим, что у меня есть более сложный массив, например:

 const flatArray = [
{ "blockId": "first-block", "sectionId": "first-section", "fieldId": "_1", "value": "0" }, 
{ "blockId": "first-block", "sectionId": "first-section", "fieldId": "_2", "value": "1" }, 
{ "blockId": "first-block", "sectionId": "second-section", "fieldId": "_1", "value": "1" }, 
{ "blockId": "second-block", "sectionId": "first-section", "fieldId": "_1", "value": "1" }, 
{ "blockId": "second-block", "sectionId": "some-section", "fieldId": "_2", "value": "3" },
{ "blockId": "third-block", "sectionId": "other-section", "fieldId": "_1", "value": "3" }];

// and i strictly need to get this shape of object:

/* {
    "first-block": {
        "first-section": {
            "_1": "0",
            "_2": "1"
        },
        "second-section": {
            "_1": "1"
        }
    },
    "second-block": {
        "first-section": {
            "_1": "1"
        },
        "some-section": {
            "_2": "3"
        }
    },
    "third-block": {
        "other-section": {
            "_1": "3"
        }
    }
}
*/

В данный момент я пишу такую ​​функцию сокращения. Это работает, но дает мне только последние fieldId ключи каждого раздела в блоке. если раздел в одном блоке имеет более одного fieldId - он его теряет. Я слежу за аккумулятором и вижу, что накапливаются только ключи с разными blockId, sectionId, но не разные fieldId.

const shapeComplex = (acc, item) => {
    console.info('acc:', JSON.stringify(acc));
    acc[item.blockId] = { ...acc[item.blockId], [item.sectionId]: { [item.fieldId]: item.value } }

    return acc
}

const transformComplex = (arr) => {
    console.info('initialArr: ', arr)
    return arr.reduce((acc, item) => shapeComplex(acc, item), {});
}

transformComplex(flatArray); 
// it gives me shape with only last idField in same section and block:

/*
{
    "first-block": {
        "first-section": {
            "_1": "0"
        },
        "second-section": {
            "_1": "1"
        }
    },
    "second-block": {
        "first-section": {
            "_1": "1"
        },
        "some-section": {
            "_2": "3"
        }
    },
    "third-block": {
        "other-section": {
            "_1": "3"
        }
    }
}
*/

Любая помощь, пожалуйста.