With the release of Shopify’s 2025-10 API version, I don’t see an option to select TypeScript with React when generating a new checkout UI extension via the Shopify CLI command:
shopify app generate extension
Before this API version (<= 2025-07), I was able to select from four options: JS, JSX, TS, TSX. But now it just defaults the resulting src/Checkout.jsx to JavaScript with React.
As a junior software developer, maybe I just don’t fully understand the differences between JSX and TSX, but would it be possible to have these new checkout UI extensions support TypeScript code? I’m mostly asking because I have a TSX extension (from another app in an older API version) that I want to use in my new app.
1 Like
Hi there! You can definitely still use TypeScript by renaming any created files from js/jsx to ts/tsx. Just be sure to update your extension’s shopify.extension.toml file to point to the new file name (something like this module = “./src/Checkout.tsx”. You should already have a tsconfig.json file included for your new extension that was created with the shopify app generate extensioncommand.
For updating your old extension’s React hooks and component usage, you can follow the migration guide for upgrading old extension code to api version 2025-10 which covers everything you should need to know about switching from a React/TS extension.
This doesn’t answer the original question - why does 2025-10 not have support for TS out of the box? This seems like a step backwards, as you used to be able to select TS when generating an extension and hit the ground running.