Cannot fetch/render a single object with id

I am developing a react severless website with Airtable. No problem to display the whole list of projects. However, when I try to fetch a single product with “id”, something weird things happen. I can sometimes fetch any single projects without any problem at all. But it stops fetching after a while. And I cannot render it for a while (days).

I can always display “Featured Products” in the landing page and all the products in “Products” page. But I click each product to go to the single product page, it doesn’t render.
When I go to “~/api/products/?id=” and when I type the id, I can see the object there.

Website that is being deployed: [digital-art-by-ken.netlify.app]

The repository is as follows:

I have been trying to solve this issue for more than 2 months now. I would be grateful if someone could help me with this issue.

Thank you.

Hey @michiko,

From my initial checks, I can see that, on the first page load, you make a request to:

https://digital-art-by-ken.netlify.app/api/products

However, when loading the single product page, I never see /api/products/?id= URL being called. All I can see are some XH requests made to https://m.stripe.com/6, but no request is actually mad to fetch data of the single product.

Hi @hrishikesh , thank you so much for your reply. Could you please take a look at the toml file as well?
toml_file

Is this file correct?

When I go to /api/products/?id= , I can see the json object. But this URL is not called for some reason, is it?

Could you suggest where I should look for ?

Thank you for your help.

Yes the file is correct.

Yes, your code doesn’t seem to actually call that URL. Check browser Network Tools while trying to make that request.

I’m not too familiar with your codebase, so I can’t comment on that. But if you manage to call the URL, it would most likely work.

Hi Hrishikesh,

Thank you for your reply.

However, the strange thing is that the URL is sometimes called and it fetches object.

But the next moment, the URL is not called.

Do you have any idea?

Thank you for your help in advance.

This is the terminal when the URL was successfully called.

And even if it is fetching objects, when I do a hard refresh in a browser, it doesn’t fetch anything again.

Hey @michiko,

Sorry to see you struggling, but this is an issue specific to your code and we cannot do a code-level debugging. That is outside our scope of support.

Moreoever, debugging on a code level is something I probably could have tried on a day where the ticket load was not super high - but at this point, the helpdesk and the forums have been swamped with a lot of pending tickets.

While I personally cannot take a look at this right now, if some other member of the forums has the bandwidth to take a look at this, they’re welcome to do so.