ProductSet TypeError and Cross-Site Resource Warnings

Render a productSet with iFrame set to false e.g.

ui.createComponent('productSet', {
        id: 'XXX',
        node: document.getElementById('product-component'),
        options: {
                productSet: {
                        iframe: false
                }
        }
}

Produces the following error:

TypeError: component.trackingInfo.forEach is not a function
    at UI.trackComponent (buybutton.umd.js:15751)
    at buybutton.umd.js:15734

As well as the following warning:

A cookie associated with a cross-site resource at http://shopify.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

Codepen (fill in your own shopify domain/token/product id)
https://codepen.io/iamducke/pen/xxZoRVN

Reproduce the productSet example with iframe set to false using the linked CodePen. Start by inspecting UI.trackComponent around buybutton.umd.js:15751 and trace the trackingInfo value that causes the TypeError. Done means the reported productSet configuration renders without that error and the cross-site resource warning is addressed or clearly explained.