Resource Picker ApolloError

Issue Summary

When attempting to add products via the resource picker in our Shopify app’s test discount page, an ApolloError is thrown with the message “Internal error. Looks like something went wrong on our end .”

context-slice-graphql-Dr7Z4lxovwRu.js:3 Uncaught (in promise) ApolloError: Internal error. Looks like something went wrong on our end.
Request ID: 43b20299-1af2-4fb0-bd54-062616af5004-1769441794 (include this in support requests).
at new e (context-slice-graphql-Dr7Z4lxovwRu.js:3:151)
at context-slice-graphql-Dr7Z4lxovwRu.js:7:79173
at E (context-slice-graphql-Dr7Z4lxovwRu.js:2:8154)
at context-slice-graphql-Dr7Z4lxovwRu.js:2:8080
at new Promise ()
at Object.then (context-slice-graphql-Dr7Z4lxovwRu.js:2:8047)
at Object.next (context-slice-graphql-Dr7Z4lxovwRu.js:2:8164)
at Co (context-slice-graphql-Dr7Z4lxovwRu.js:2:1906)
at ir (context-slice-graphql-Dr7Z4lxovwRu.js:2:2316)
at e.next (context-slice-graphql-Dr7Z4lxovwRu.js:2:2833)Caused by: Error
at utilities-alWccjwG4yMo.js:1:32990
at Array.map ()
at ae (utilities-alWccjwG4yMo.js:1:32933)
at u.fetchProductDetails (domains-apps-AppBridgeHostResourcePicker-CuAHYHPFHZkW.js:1:5657)
at m (loaders-common-bVBQ0VRcnxJN.js:40:8301)
at domains-apps-AppBridgeHostResourcePicker-CuAHYHPFHZkW.js:1:5180
at n (utilities-alWccjwG4yMo.js:1:29971)
at wi (ProductResourcePicker-v33SeKmBLJok.js:1:125097)
at Jt (ResourcePicker-bHD4No2Mzni9.js:1:19595)
at Object.ze (render-common-UtiAWaYx7ubV.js:22:9844)

Context

Component: ProductResourcePicker / AppBridgeHostResourcePicker

  • Specific Function: fetchProductDetails in domains-apps-AppBridgeHostResourcePicker

This is occurring in a specific customer’s store (not all stores)

The error happens before our app code can handle the resource picker response

1. What could cause fetchProductDetails to fail in the AppBridgeHostResourcePicker?

- Is there a specific product data structure that causes this error?

2. Is there a known issue with the resource picker’s fetchProductDetails method?

- The error shows it’s failing during an Array.map operation

- Request ID: `43b20299-1af2-4fb0-bd54-062616af5004-1769441794`

3. Could this be related to specific product configurations in this store?

- Products without variants?

- Products with corrupted data?

- Products with special characters or unusual configurations?

Thanks in advance
Pius

We are also encountering this same error in our App today too. Only one a specific store or two so far.

After selecting products in the resource picker, this error occurs:

URL:

https://admin.shopify.com/api/operations/865d7190b0bd84e4c4b7a2f04bc5a7d287358914ef92b9866d0349bc9ff55f12/ProductAndVariantResourcePicker/shopify/store-name?operationName=ProductAndVariantResourcePicker&variables=%7B%22ids%22%3A%5B%22gid%3A%2F%2Fshopify%2FProduct%2F8155856568640%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F44466188222784%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F8155813839168%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F44466017730880%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F9118861918528%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F48047479652672%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F8473014993216%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F45615411364160%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F9118979686720%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F48048637444416%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F9824004079936%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F50732052250944%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F9864018952512%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F50887460684096%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F9978841039168%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F51275603312960%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F9794604106048%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F50606937702720%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F9794611773760%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F50607006318912%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F10012108521792%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F51405887471936%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F10000043016512%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F51369436938560%22%2C%22gid%3A%2F%2Fshopify%2FProduct%2F10026482827584%22%2C%22gid%3A%2F%2Fshopify%2FProductVariant%2F51470124581184%22%5D%7D

(actual store slug removed, and replaced with store-name)

Method: GET

Response Status Code: 200

Response Body:

{
“errors”: [
{
“message”: “Internal error. Looks like something went wrong on our end.\nRequest ID: 0f79d277-1247-4437-bc77-03f6d9bee4f6-1772074788 (include this in support requests).”,
“extensions”: {
“requestId”: “0f79d277-1247-4437-bc77-03f6d9bee4f6-1772074788”,
“code”: “INTERNAL_SERVER_ERROR”
}
}
],
“data”: null
}

Browser Console Stack Trace:

Uncaught (in promise) ApolloError: Internal error. Looks like something went wrong on our end.
Request ID: 0f79d277-1247-4437-bc77-03f6d9bee4f6-1772074788 (include this in support requests).
at new e (context-slice-graphql~index-5caea0038791.js:3:151)
at context-slice-graphql~index-5caea0038791.js:7:79173
at E (context-slice-graphql~index-5caea0038791.js:2:8154)
at context-slice-graphql~index-5caea0038791.js:2:8080
at new Promise ()
at Object.then (context-slice-graphql~index-5caea0038791.js:2:8047)
at Object.next (context-slice-graphql~index-5caea0038791.js:2:8164)
at bo (context-slice-graphql~index-5caea0038791.js:2:1906)
at or (context-slice-graphql~index-5caea0038791.js:2:2316)
at e.next (context-slice-graphql~index-5caea0038791.js:2:2833)Caused by: Error
at utilities-bcd04aaa981a.js:1:32953
at Array.map ()
at ne (utilities-bcd04aaa981a.js:1:32896)
at u.fetchProductDetails (domains-apps-AppBridgeHostResourcePicker-5b8ad03ddedd.js:1:5600)
at m (loaders-common-9318bf2454ff.js:18:8301)
at domains-apps-AppBridgeHostResourcePicker-5b8ad03ddedd.js:1:5123
at n (utilities-bcd04aaa981a.js:1:29934)
at Mi (ProductResourcePicker-db5dc1a18c2d.js:1:124911)
at Zt (ResourcePicker-76ea9fb5a9e9.js:1:19626)
at Object.Be (render-common-9f1020a6c5a0.js:22:9844)

Our app ID is 252306718721

Thanks,

James

Hi @Pius_Osuji and @james_collins ,

We addressed an issue that could be causing this problem about an hour ago and it looks to be resolved in our tests. Can you please let me know if you are still seeing the error?

Hi @Elana

Thank you for the update, but unfortunately the problem still looks to be happening for a store

Uncaught (in promise) ApolloError: Internal error. Looks like something went wrong on our end.
Request ID: a98108bd-822c-4a1b-9b6d-083277fd1e3f-1772134256 (include this in support requests).
at new e (context-slice-graphql~index-5caea0038791.js:3:151)
at context-slice-graphql~index-5caea0038791.js:7:79173
at E (context-slice-graphql~index-5caea0038791.js:2:8154)
at context-slice-graphql~index-5caea0038791.js:2:8080
at new Promise ()
at Object.then (context-slice-graphql~index-5caea0038791.js:2:8047)
at Object.next (context-slice-graphql~index-5caea0038791.js:2:8164)
at bo (context-slice-graphql~index-5caea0038791.js:2:1906)
at or (context-slice-graphql~index-5caea0038791.js:2:2316)
at e.next (context-slice-graphql~index-5caea0038791.js:2:2833)Caused by: Error
at utilities-bcd04aaa981a.js:1:32953
at Array.map ()
at ne (utilities-bcd04aaa981a.js:1:32896)
at u.fetchProductDetails (domains-apps-AppBridgeHostResourcePicker-5b8ad03ddedd.js:1:5600)
at m (loaders-common-9318bf2454ff.js:18:8301)
at domains-apps-AppBridgeHostResourcePicker-5b8ad03ddedd.js:1:5123
at n (utilities-bcd04aaa981a.js:1:29934)
at Mi (ProductResourcePicker-db5dc1a18c2d.js:1:124911)
at Zt (ResourcePicker-76ea9fb5a9e9.js:1:19626)
at Object.Be (render-common-9f1020a6c5a0.js:22:9844)
e @ context-slice-graphql~index-5caea0038791.js:3
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
E @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:2
then @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:2
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:2
Xe @ context-slice-graphql~index-5caea0038791.js:2
next @ context-slice-graphql~index-5caea0038791.js:2
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
next @ context-slice-graphql~index-5caea0038791.js:2
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
next @ context-slice-graphql~index-5caea0038791.js:7
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
next @ context-slice-graphql~index-5caea0038791.js:7
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
next @ context-slice-graphql~index-5caea0038791.js:7
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
next @ context-slice-graphql~index-5caea0038791.js:7
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
o @ context-slice-graphql~index-5caea0038791.js:7
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
onNext @ context-slice-graphql~index-5caea0038791.js:7
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
next @ context-slice-graphql~index-5caea0038791.js:7
bo @ context-slice-graphql~index-5caea0038791.js:2
or @ context-slice-graphql~index-5caea0038791.js:2
e.next @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
Promise.then
Jc @ context-slice-graphql~index-5caea0038791.js:7
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
Promise.then
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
t @ context-slice-graphql~index-5caea0038791.js:2
e.subscribe @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
t @ context-slice-graphql~index-5caea0038791.js:2
e.subscribe @ context-slice-graphql~index-5caea0038791.js:2
t.try @ context-slice-graphql~index-5caea0038791.js:7
t.start @ context-slice-graphql~index-5caea0038791.js:7
e.request @ context-slice-graphql~index-5caea0038791.js:7
(anonymous) @ context-slice-graphql~index-5caea0038791.js:2
s.request @ context-slice-graphql~index-5caea0038791.js:7
(anonymous) @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
t @ context-slice-graphql~index-5caea0038791.js:2
e.subscribe @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
t @ context-slice-graphql~index-5caea0038791.js:2
e.subscribe @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
t @ context-slice-graphql~index-5caea0038791.js:2
e.subscribe @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
t @ context-slice-graphql~index-5caea0038791.js:2
e.subscribe @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
t @ context-slice-graphql~index-5caea0038791.js:2
e.subscribe @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:7
t @ context-slice-graphql~index-5caea0038791.js:2
e.subscribe @ context-slice-graphql~index-5caea0038791.js:2
(anonymous) @ context-slice-graphql~index-5caea0038791.js:2
t @ context-slice-graphql~index-5caea0038791.js:2
e.subscribe @ context-slice-graphql~index-5caea0038791.js:2
complete @ context-slice-graphql~index-5caea0038791.js:2
e.start @ context-slice-graphql~index-5caea0038791.js:2
e @ context-slice-graphql~index-5caea0038791.js:2
t.getObservableFromLink @ context-slice-graphql~index-5caea0038791.js:7
t.getResultsFromLink @ context-slice-graphql~index-5caea0038791.js:7
v @ context-slice-graphql~index-5caea0038791.js:7
t.fetchQueryByPolicy @ context-slice-graphql~index-5caea0038791.js:7
C @ context-slice-graphql~index-5caea0038791.js:7
t.fetchConcastWithInfo @ context-slice-graphql~index-5caea0038791.js:7
t.fetchQueryObservable @ context-slice-graphql~index-5caea0038791.js:7
t.fetchQuery @ context-slice-graphql~index-5caea0038791.js:7
t.query @ context-slice-graphql~index-5caea0038791.js:7
t.query @ context-slice-graphql~index-5caea0038791.js:7
(anonymous) @ utilities-bcd04aaa981a.js:1
ne @ utilities-bcd04aaa981a.js:1
fetchProductDetails @ domains-apps-AppBridgeHostResourcePicker-5b8ad03ddedd.js:1
m @ loaders-common-9318bf2454ff.js:18
(anonymous) @ domains-apps-AppBridgeHostResourcePicker-5b8ad03ddedd.js:1
n @ utilities-bcd04aaa981a.js:1
Mi @ ProductResourcePicker-db5dc1a18c2d.js:1
Zt @ ResourcePicker-76ea9fb5a9e9.js:1
Be @ render-common-9f1020a6c5a0.js:22
Jn @ render-common-9f1020a6c5a0.js:22
Yi @ render-common-9f1020a6c5a0.js:22
HM @ render-common-9f1020a6c5a0.js:22
WM @ render-common-9f1020a6c5a0.js:22
(anonymous) @ render-common-9f1020a6c5a0.js:22
QA @ render-common-9f1020a6c5a0.js:25
Ct @ render-common-9f1020a6c5a0.js:22
Q1 @ render-common-9f1020a6c5a0.js:22
L1 @ render-common-9f1020a6c5a0.js:22
Bae @ render-common-9f1020a6c5a0.js:22Understand this error


Hi @Elana,

Thanks for helping out here, but the problem is still occurring.

Latest error message from today:

context-slice-graphq…x-5caea0038791.js:3 Uncaught (in promise) ApolloError: Internal error. Looks like something went wrong on our end.
Request ID: db88905e-bbb4-4ade-a96d-11ea0599467b-1772151842 (include this in support requests).

Thanks,

James

Thanks for your patience. :folded_hands: We are still investigating.

@Elana We are experiencing a similar issue.

After the customer selects a product and clicks the confirm button, a loading modal appears as shown in the screenshot, followed by the error message: “Server error.”

After reviewing our code logic, we confirmed that this “Server error” message is not returned by our app. Our app calls await shopify.resourcePicker to retrieve the product information, so it seems the error may be occurring within the Shopify resource picker component.

According to the customer, this issue only happens with one specific product. Other products can be selected normally.

The customer is not willing to grant us access to their store, so we would appreciate it if you could help investigate this issue.

The product that cannot be selected is: