POS UI extension and Post Purchase checkout extension unable to coexist?

We’re currently implementing a POS UI extension, as the POS link extensions are being deprecated in the new year. Our app currently has a Post Purchase extension, and we’re hitting a snag trying to implement the POS UI extension, as the most recent version of the @shopify/ui-extensions-react package requires React 18, and the most recent version of the @shopify/post-purchase-ui-extensions-react requires React 17. Struggling to see how we could possibly implement a POS UI extension, other than not using React (a not-great solution, in our opinion). Anyone else in this position, or have any ideas how to move forward? Thanks! :slightly_smiling_face:

Hi @Jason_Freeman ! Thanks for reaching out, we’re stoked that you’ll be building a new UI Extension for POS. When you’re installing each of the dependencies, are you installing them in each of their respective extension? Your POS and PostPurchase implementations will have to each be in their own extension

Hey @JS_Goupil, thanks for the reply!

We bootstrapped our new extension with the shopify app generate extension CLI command. That added the necessary dependencies (including React) to the top-level package.json. But creating a dedicated package.json in the new extension’s directory solved the problem.

Nice! Yeah I’m not sure why the CLI does it this way, but considering not everything is in the unified ui-extensions package, probably best to keep it at the extension level for now.

1 Like