I have the following code:

class Table {
    get pagination () {
        return {
            get item () {
                return {
                    log (s : string) {
                        console.log(s);
                    }
                }
            }
        }
    }
}
class TableWithFirst extends Table {
    get pagination () {
        return {
            ...super.pagination,
            get first () {
                this.item.log("first");
                return "first";
            }
        }
    }
}
const t = new TableWithFirst();
t.pagination.first

and with this code, I get the error below:

[ERR]: "Executed JavaScript Failed:" 
[ERR]: Cannot read properties of undefined (reading 'log') 

How do I add first getter to pagination? Is moving that logic into a class the only way?