Custom control on cart not working on commerceSDK

[RethaLam]

We have a custom control on the cart on RetailSDK and it is working there.
On CommerceSDK I added the version3.5.1 for the knockoutjs library.
I followed the eample of the cusotm control in this link:
https://github.com/zhangguanghuib/NewCommerceSDK/tree/main/POS_Samples/CustomControl.CustomerDetails/Pos/ViewExtensions/Cart
I removed the "" however because I want it to show me the panel in the cart, just with the title and labels at least.
The difference between the example provided in the above link is that the example doesn't have a 3rd argument for the ko.applyBindingsToNode, while on my Dev box it gives me an error that it needs a 3rd argument and when I put my cursor on it, it shows that it should be a ViewModels if any.

When I step through the source code using Chrome developer tools, it does go into my custom control, however it never calls the onReady method. So it is clearly not binding the control to the cart.
And if I add a customer to the cart, it is not calling the custom control init-method or cartchangedHandler like it should.

So what is different between CommerceSDK and RetailSDK that the control works on retailSDK but not CommerceSDK? RetailSDK doesn't need a 3rd argument for the ko.applyBindingsToNode. So what should it be for commerceSDK to be bound to the cart?

Hope to get an answer ASAP. Thank you in advance.

[RethaLam]

Never mind. While switching to CommerceSDK I have decided to change the publisher and package name to reflect our company's new name and I totally forgot that for cart controls one has to use the exact package and publisher names on the screen layout for the control.

for the 3rd argument on the applyBindingsToNode, I used "this". don't know if that is what it should be, but it works.

public onReady(element: HTMLElement): void {
ko.applyBindingsToNode(element, {
template: {
name: CartSONumControl.TEMPLATE_ID,
data: this
}
}, this);