hey folks, I can’t seem to preview or view by any means while doing local development - my render block in the Thank you page.
- started dev server locally with cli. opened the url and see the link to “purchase.thank-you.block.render Copy preview link for purchase.thank-you.block.render to clipboard” - I opened this and pay with bogus payment method… doesn’t render any of my blocks.
Do you have a recommended way to preview this url with the dev code?
tsx
import {
reactExtension,
Text,
} from "@shopify/ui-extensions-react/checkout";
function Confirmation() {
return <Text>Lorem ipsum dolor sit amet</Text>;
}
export const thankYouBlock = reactExtension('purchase.thank-you.block.render', () => <Confirmation />);
my toml
# Learn more about configuring your checkout UI extension:
# https://shopify.dev/api/checkout-extensions/checkout/configuration
# The version of APIs your extension will receive. Learn more:
# https://shopify.dev/docs/api/usage/versioning
api_version = "2024-10"
[[extensions]]
name = "name-transparent-thank-you-ui"
handle = "name-transparent-thank-you-ui"
type = "ui_extension"
[[extensions.targeting]]
module = "./src/ThankYouPage.tsx"
target = "purchase.thank-you.block.render"
export = "ThankYouBlock"
[extensions.capabilities]
api_access = true
network_access = true
[extensions.settings]
[[extensions.settings.fields]]
key = "api_url"
type = "single_line_text_field"
name = "API URL"
description = "https:/lorem-ispum.ngrok-free.app"