Debug checkout ui extensions components

Turbofan1178
Shopify Partner
50 4 8

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?

Replies 2 (2)

Liam
Shopify Staff
2731 302 783

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
50 4 8

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