Dynamic Key on Stripe Checkout component does not work

Wappler: v4.9.1, MacOS, NodeJS

I have created a table in the DB (DEV & PROD) where I’m storing Stripe Publishable Keys. On the checkout page, I have added this key inn the Stripe Checkout component. The api key value is being returned correctly from the DB, however, the Stripe Card Payment component is not loading. The Stripe component works correctly if the publishable key is hard coded.

Is this a bug or is there something wrong with my setup? Any assistance to resolve this issue is greatly appreciated.

<dmx-stripe id="stripe1" dmx-bind:key="sc_stripe_app_settings.data.q_stripe_app_settings[0].api_key" dmx-bind:line-items="" checkout="server"></dmx-stripe>

This is the error I’m getting in the dev console.

Screen Shot 2022-08-02 at 3.39.01 pm1126×300 61.3 KB