Shopify Chat API Checkout UI Extension not visible on checkout page

[Qammar_Zaman]

Hi, I built a checkoutUI extension for Chat Api and implemented the example in docs with target checkout
Chat API Docs
I've hosted the example in app which is publicly accessible and here is extension settings I did
[[extensions.targeting]]
target = "purchase.checkout.chat.render"

[extensions.targeting.preloads]
chat = "https://my-chat-application.com"
And here is my Checkout extension code
import {reactExtension, Chat} from '@shopify/ui-extensions-react/checkout';

export default reactExtension('purchase.checkout.chat.render', () => (
<Extension />
));

function Extension() {
return <Chat inlineSize={150} blockSize={50} />;
}
Although the extension worked and the host script is embedded in the Chat Component Iframe, it's not showing up on the checkout page.
Here is the screenshot of it.
Which step I've missed or is it an issue of Chat API as it's very new?

Here are the docs for Chat API : https://shopify.dev/docs/api/checkout-ui-extensions/2024-10/components/overlays/chat#app
https://shopify.dev/changelog/new-chat-api-for-building-chat-apps-in-shopify-checkout

[Qammar_Zaman]

Anyone @Admin can help please ?