Error with Promise.prototype.then in client.js causing frustration, seeking help.

I get the following error: Uncaught TypeError: Method Promise.prototype.then called on incompatible receiver #<Promise> at Proxy.then (<anonymous>)

I ask here because my chrome console says the error comes from client.js (where I create the client). Been trying to fix this for a while and it's becoming quite annoying, help would be really appreciated.

Are you using a .then method on the client when fetching the data.

client.fetch().then()?

Can you post it's use here?

Hi,

Hi ,
Pretty sure the only place I'm fetching data using client is in my page.js file, bellow is the code.

You are importing the client right? Can't see the top

Also I would put the fetch methods in a getStaticProps method and pass into the component as props.

Your code seems quite complicated. I would try to compartmentalize it as much as I could to determine where the error is coming from. Perhaps remove the fetch methods and comment out the code using them and bring them back one by one. Also having them in a function whether getServerSideProps or getStaticProps would be much better for troubleshooting.

Yes, it's being imported at the top of the page. I'm using next 13 so getStaticProps no longer exists.
I'm fetching data In the simplest way and a way that's recommended in next 13 docs. I think the code is fairly simple.

Unfortunately I tried your suggestion and it's still not working.

Then the issue isn't in the fetch function. There is another promise executing somewhere.

I'm really not sure where

It looks like you’re chaining a

then

somewhere to a fetch somewhere?

Hi RD, I have just fixed this and honestly I don't know how. I just rebuilt the project