"Unexpected" error when adding multi page extension

Retired Boards Appdev Extensions

Topic summary

Problem: Deploying a Shopify multi-page UI extension (for Thank You and Order Status pages) fails with an esbuild parse error: “Unexpected ‘thankYouRender’” at PostPurchase.tsx line 20 during yarn run shopify deploy.

Context: The author followed Shopify’s multi-page extension guide, defining two targets in the TOML:

  • purchase.thank-you.block.render → export = “thankYouRender”
  • customer-account.order-status.block.render → export = “orderStatusRender”

In code, they define const thankYouRender = reactExtension("purchase.thank-you.block.render", ...). The build error shows an export thankYouRender; statement, which triggers the parse error. If one extension point is removed and the remaining one is exported as default, deployment succeeds.

Request: Seeking guidance on the correct way to export multiple renders for multi-page targeting so that both targets can be built and deployed successfully.

Status: Unresolved; no confirmed fix or next steps in thread.

Summarized with AI on December 28. AI used: gpt-5.
1

Hey,

I’m trying to create an extension which runs both on the Order Status and Thank You pages.

I’ve used https://shopify.dev/docs/apps/build/checkout/best-practices/create-multi-page-extensions#post-purchase for inspiration.

In this, there is two const’s which are exported, and then the TOML file has export = “thankYouRender” to reference which one.

But when I do this and run yarn run shopify deploy, I get:

✘ [ERROR] Unexpected "thankYouRender"

extensions/post-purchase-ui/src/PostPurchase.tsx:20:7:
20 export thankYouRender;
╵ ~~~~~~~~~~~~~~

Build failed with 1 error:
extensions/post-purchase-ui/src/PostPurchase.tsx:20:7: ERROR: Unexpected "thankYouRender"

To investigate the issue, examine this stack trace:
at (extensions/post-purchase-ui/src/PostPurchase.tsx:20)
at failureErrorWithLog (esbuild/lib/main.js:1650)
at (esbuild/lib/main.js:1058)
at runOnEndCallbacks (esbuild/lib/main.js:1485)
at buildResponseToResult (esbuild/lib/main.js:1056)
at (esbuild/lib/main.js:1068)
at new Promise
at on-end (esbuild/lib/main.js:1067)
at handleRequest (esbuild/lib/main.js:731)
at handleIncomingPacket (esbuild/lib/main.js:756)
at readFromStdout (esbuild/lib/main.js:679)

Error: Build failed with 1 error:
extensions/post-purchase-ui/src/PostPurchase.tsx:20:7: ERROR: Unexpected "thankYouRender"
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I can’t seem to decipher the error, so I’m confused.

The relevant parts of the code I think are:

[[extensions.targeting]]
module = "./src/PostPurchase.tsx"
target = "purchase.thank-you.block.render"
export = "thankYouRender"

[[extensions.targeting]]
module = "./src/PostPurchase.tsx"
target = "customer-account.order-status.block.render"
export = "orderStatusRender"

and

const thankYouRender = reactExtension(
"purchase.thank-you.block.render",
() => 

When I remove one of the extension points and change the other to just `export default` it works fine.

Any clues as to what I'm doing wrong?

Thanks,
Ed