DiscountProvider error: No i18n was provided. Your application must be wrapped in an <AppProvider> component.

[osamakhan-onstate]

Hi,

I'm getting the following error in my console (PFA).

I created an application by cloning the node template using the following command.
npm init @shopify/app@latest -- --template https://github.com/Shopify/shopify-app-template-node

I created a Product Discount extension and followed the steps mentioned in the Shopify docs. I've added a DiscountProvider and included it in the App.jsx

Everything builds and works fine, until I use a component from @shopify/discount-app-components