e2e: organize reusable cy commands with nested functions

[GeenCo86]

cypress-version: 12.17.0
ui library: react

Hello,

I have multiple pages with table components. Now I would like to test every page and use the nested components of the table.
So click on an add button, click on a delete button and so on. To not repeat this code every time, I would like to create a chainable command with nested custom commands.

Something like:

getTable(testId: string): Chainable<{ 
    addButton: () => Chainable<JQuery<HTMLElement>>;
}>

Cypress.Commands.add('getTable', (selector, ...args) => cy.get(selector, ...args).then((x) => ({
    addButton: () => cy.get('.addButton')
})));

and to call it:

cy.getTable('table-test-id').addButtton().click();

But I don' find a way to do this. Is there the possibility for something like that?