App reviews, troubleshooting, and recommendations
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
We currently use the old post purchase UI library for our app.
so we decided to upgrade to the recent which is @shopify/post-purchase-ui-extensions-react but unfortunately, i keep getting errors like seen below
<BlockStack /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.
at BlockStack
this error appears any where the post-purchase-ui-extensions-react component is rendered.
I'm also seeing this, adding types to the tsconfig.json file did not fix it. I'm also struggling to get the correct types for useExtensionInput<'Checkout::PostPurchase::Render'>();, specifically the Change type needed to pass to calculateChangeset.