Next.js queries work in development (locally) but getting 503 on some requests?

Hi there all! First time posting!

So just deployed my Next.js app to Heroku. And while it is able to make queries to the development database and access all the routes/endpoints perfectly, it seems to only be able to successfully make one query in production users/login.

On the atlas side I’ve:

Gone under Network Access and whitelisted my IP address:

I followed the docs regarding setting the Search attribute which I thought was a way to configure Indexes

Not sure what the problem is considering Atlas worked with almost no configuring for development…

Any help would be appreciated!