How to create custom rxjs operator with destructured parameters

Question

I'm trying to create a custom RxJS filter operator that takes as a parameter destructured array.

But it seems that typescript is not happy with the type, I'm getting this error:

TS2493: Tuple type '[]' of length '0' has no element at index '0'.

export function customOperator<T extends []>() {
    return pipe(
        filter<T>(([param1, param2, param3])=> {
            //some logic
        })
    );
}

Answer 1

You can use the rest operator (...) to unpack the array and then destructure the items. This will allow the compiler to understand that you'll be accessing items in the array.

export function customOperator<T extends []>() {
return pipe(
    filter<T>(([...[param1, param2, param3]])=> {
        //some logic
    })
);
}