abandoned-checkout template app doesn't query the correct Saleor API url #164

RaquelMichelon · 2023-04-10T16:27:10Z

RaquelMichelon
Apr 10, 2023

Hello everyone,
I'm studying how to create a Saleor App by following the tutorial on the docs. After implementing each previous step successfully, I'm facing some troubles in the third one, especially in fetch the checkout data from the correct Saleor API URL.

After changing the content in the index.tsx file to the one that presents the checkout data in a table, the app that is installed on the dashboard is showing only the "Loading..." message, which means that there is no data object returning from the query useFetchAllCheckoutsQuery.

Inspecting the browser network, I can see that the request is not being sent to my Salor API running on Saleor cloud but to the own app, something like: https://ngrok-address-/graphql, which is obviously incorrect.

As response I'm getting this:

<!DOCTYPE html><html><head><style data-next-hide-fouc="true">body{display:none}</style><noscript data-next-hide-fouc="true"><style>body{display:block}</style></noscript><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills.js?ts=1681142330541"></script><script src="/_next/static/chunks/webpack.js?ts=1681142330541" defer=""></script><script src="/_next/static/chunks/main.js?ts=1681142330541" defer=""></script><script src="/_next/static/chunks/pages/_app.js?ts=1681142330541" defer=""></script><script src="/_next/static/chunks/pages/_error.js?ts=1681142330541" defer=""></script><script src="/_next/static/development/_buildManifest.js?ts=1681142330541" defer=""></script><script src="/_next/static/development/_ssgManifest.js?ts=1681142330541" defer=""></script><noscript id="__next_css__DO_NOT_USE__"></noscript></head><body><div id="__next"><!--$!--><template data-dgst="DYNAMIC_SERVER_USAGE" data-msg="DYNAMIC_SERVER_USAGE" data-stck="
    at NoSSR (webpack-internal:///./node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/shared/lib/dynamic-no-ssr.js:11:18)
    at Suspense
    at NextApp (webpack-internal:///./src/pages/_app.tsx:37:20)
    at StyleRegistry (/[some-hidden-path-here]/abandoned-checkouts/node_modules/.pnpm/[email protected][email protected]/node_modules/styled-jsx/dist/index/index.js:449:36)
    at PathnameContextProviderAdapter (/[some-hidden-path-here]/abandoned-checkouts/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/shared/lib/router/adapters.js:60:11)
    at AppContainer (/[some-hidden-path-here]/abandoned-checkouts/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/render.js:290:29)
    at AppContainerWithIsomorphicFiberStructure (/[some-hidden-path-here]/abandoned-checkouts/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/render.js:326:57)
    at div
    at Body (/[some-hidden-path-here]/abandoned-checkouts/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/render.js:613:21)"></template><!--/$--></div><script src="/_next/static/chunks/react-refresh.js?ts=1681142330541"></script><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"development","isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

Has anyone an idea what could I've done wrong? Or what could be happening?
I appreciate any help you can offer.

Thank you in advance.

Answered by peelar

Apr 11, 2023

Hello @RaquelMichelon 👋

Thanks for your report. It is a bug on our side. I created an issue from your post and published a PR to fix it. You should be up and running in a moment 🙇.

If you have any other Saleor questions, I would be happy to help.

View full answer

peelar · 2023-04-11T10:31:18Z

peelar
Apr 11, 2023
Collaborator

Hello @RaquelMichelon 👋

Thanks for your report. It is a bug on our side. I created an issue from your post and published a PR to fix it. You should be up and running in a moment 🙇.

If you have any other Saleor questions, I would be happy to help.

2 replies

RaquelMichelon Apr 11, 2023
Author

Hi @peelar!

Thank you for your reply and for the quick fix provided by the Saleor's team.

peelar Apr 11, 2023
Collaborator

It's already merged @RaquelMichelon ✅.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

abandoned-checkout template app doesn't query the correct Saleor API url #164

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment 2 replies

{{title}}

{{title}}

{{title}}

Select a reply

abandoned-checkout template app doesn't query the correct Saleor API url #164

RaquelMichelon Apr 10, 2023

Replies: 1 comment · 2 replies

peelar Apr 11, 2023 Collaborator

RaquelMichelon Apr 11, 2023 Author

peelar Apr 11, 2023 Collaborator

RaquelMichelon
Apr 10, 2023

Replies: 1 comment 2 replies

peelar
Apr 11, 2023
Collaborator

RaquelMichelon Apr 11, 2023
Author

peelar Apr 11, 2023
Collaborator