JSFiddle - React, Tailwind, and code Playground

JavaScript

const foobarData = {
    foo_obj_one: {
        type_one: [
            {
                date: "2021-12-13",
                value: 10
            },
            {
                date: "2021-12-20",
                value: 20
            },
            {
                date: "2022-01-01",
                value: 30
            }
        ],
        type_two: [
            {
                date: "2022-02-15",
                value: 11
            },
            {
                date: "2022-02-22",
                value: 21
            },
            {
                date: "2022-04-03",
                value: 31
            }
        ],
        type_three: [
            {
                date: "2022-01-01",
                value: 12
            },
            {
                date: "2022-01-24",
                value: 22,
            },
            {
                date: "2022-04-03",
                value: 32
            }
        ]
    },
    foo_obj_two: {
        // same structure as foo_obj_one
    },
    foo_obj_three: {
        // same structure as foo_obj_one
    }
}

// I want to remove all entries where value is lower or equal 30
// Here is what I expect to have

const filteredData = {
    foo_obj_one: {
        type_one: [
            {
                date: "2022-01-01",
                value: 30
            }
        ],
        type_two: [
            {
                date: "2022-04-03",
                value: 31
            }
        ],
        type_three: [
            {
                date: "2022-04-03",
                value: 32
            }
        ]
    },
    foo_obj_two: {
        // same structure as foo_obj_one
    },
    foo_obj_three: {
        // same structure as foo_obj_one
    }
}

console.log(filteredData);