Next-Auth getSession is returning null in my development environment

Question

I'm using the following code in one of my pages:

export async function getServerSideProps(context) {
  const session = await getSession(context)
  return {
    props: { session }
  }
}

and the session is returning null. I get the following error:

[next-auth][error][client_fetch_error] [
  'http://localhost:3000/api/auth/session',
  FetchError: request to http://localhost:3000/api/auth/session failed, reason: read ECONNRESET

if I try to navigate to http://localhost:3000/api/auth/session in my browser I get the session object normally. Also, my co-worker has the same code in his machine and it is working fine for him.

The only difference that I know between my environment and his is that I'm using windows and he is using mac. Not really sure if this can be causing the problem here.

Answer 1

This problem is happening due to not specifying e.preventDefault() on login button.

The working code should look like this :-

async function login(e) {
    e.preventDefault(); //Add this to your code.

    const getLoginStatus = await signIn("credentials", {
        redirect: false,
        username,
        password,
    })
};

Answer 2

Try to delete .next folder in your root directory and try again

Answer 3

I had the same issue and solved it by using straight ip address/domain name.

Try to use 127.0.0.1 instead of localhost, e.g.: NEXTAUTH_URL=http://127.0.0.1:3000