Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Debug checkout ui extensions components

Debug checkout ui extensions components

Turbofan1178
Shopify Partner
57 4 12

I'm build a checkout ui extension that isn't working as expected and I am trying to use react dev tools to debug the components but I can't exactly do that because the component names have been obfuscated thereby making it impossible to debug.

 

Is there a workflow for debugging checkout ui extensions with react dev tools or any other tool?

Founder, WC: Invite To WhatsApp Channel
- Invite customers to join your WhatsApp channel with a single click
- Boost outreach message open rates
- Grow sales with direct outreach on WhatsApp channels
Replies 2 (2)

Liam
Community Manager
3108 344 894

Hi Turbofan1178,

 

When you say the component names have been obfuscated - is this due to build processes on Shopify's side?

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

Turbofan1178
Shopify Partner
57 4 12

Yes. And note that I'm running the app with development store preview toggled on.

Founder, WC: Invite To WhatsApp Channel
- Invite customers to join your WhatsApp channel with a single click
- Boost outreach message open rates
- Grow sales with direct outreach on WhatsApp channels