[next-auth][error][CLIENT_FETCH_ERROR]

[BADHON512]

const isAuthenticatedUser = async (req, res, next) => {
const session = await getSession({req} );

if (!session) {
return next(new Error("Login first to access this route", 401));
}

req.user = session.user;
console.log( req.user = session.user);
next();
};

export { isAuthenticatedUser };

handel.use(isAuthenticatedUser).post(PostTodo)
handel.use(isAuthenticatedUser).get(getTodo)

[next-auth][error][CLIENT_FETCH_ERROR]
https://next-auth.js.org/errors#client_fetch_error undefined {
error: {},
url: 'http://localhost:3000/api/auth/session',
message: undefined
}
{
_id: '64443c6eb3d7f41520ad196f',
name: 'badhon',
email: 'sxpp@gmail.com',
password: '$2a$10$PMu0LvTsIDuArfbfcsb2HOH1KTDNgqmwMpcrmvSg9bK8UgIwQA8VW',
__v: 0
}

message ////////////////////////////

when I get request its proper work but when I post request on my formdata then getting error I am still login message is "Login first to access this route" why
like [next-auth][error][CLIENT_FETCH_ERROR]
console.log( req.user = session.user)
{
_id: '64443c6eb3d7f41520ad196f',
name: 'badhon',
email: 'sxpp@gmail.com',
password: '$2a$10$PMu0LvTsIDuArfbfcsb2HOH1KTDNgqmwMpcrmvSg9bK8UgIwQA8VW',
__v: 0
}

[thisismanjurocks]

Yes even for me the same issue.

[thisismanjurocks]

Did you found any solution? @ghulamabbas2 @BADHON512

[minhajul-islam]

Did you found any solution?

[tomzed]

Did you found any solution please ?

[DanielOdu]

I have the same issue. session returns null when trying to access it within isAuthenticatedUser middleware.

[next-auth][error][CLIENT_FETCH_ERROR]
https://next-auth.js.org/errors#client_fetch_error undefined {
error: {},
url: 'http://localhost:3000/api/auth/session',
message: undefined

nextauth docs recommend using 'getServerSession' to access session on sever side but I also cannot get this to work as [...nextauth].js wraps the options in an async function instead of a const like in the docs.

Please provide help if possible @ghulamabbas2 @BADHON512

[DanielOdu]

I found the issue for anyone interested...

In middlewares > auth.js

use:
import { getServerSession } from "next-auth/next";
instead of:
import { getSession } from "next-auth/react";

In auth > [...nextauth].js

rename 'auth' function to 'authOptions'
import it into middlewares > auth.js
make sure to pass (req, res, authOptions) to the getServerSession function.

Hope this helps someone as I was stuck for a long time.

[modamaan]

const isAuthenticatedUser = async (req, res, next) => { const session = await getSession({req} );

if (!session) { return next(new Error("Login first to access this route", 401)); }

req.user = session.user; console.log( req.user = session.user); next(); };

export { isAuthenticatedUser };

handel.use(isAuthenticatedUser).post(PostTodo) handel.use(isAuthenticatedUser).get(getTodo)

[next-auth][error][CLIENT_FETCH_ERROR] https://next-auth.js.org/errors#client_fetch_error undefined { error: {}, url: 'http://localhost:3000/api/auth/session', message: undefined } { _id: '64443c6eb3d7f41520ad196f', name: 'badhon', email: 'sxpp@gmail.com', password: '$2a$10$PMu0LvTsIDuArfbfcsb2HOH1KTDNgqmwMpcrmvSg9bK8UgIwQA8VW', __v: 0 }

message ////////////////////////////

when I get request its proper work but when I post request on my formdata then getting error I am still login message is "Login first to access this route" why like [next-auth][error][CLIENT_FETCH_ERROR] console.log( req.user = session.user) { _id: '64443c6eb3d7f41520ad196f', name: 'badhon', email: 'sxpp@gmail.com', password: '$2a$10$PMu0LvTsIDuArfbfcsb2HOH1KTDNgqmwMpcrmvSg9bK8UgIwQA8VW', __v: 0 }

use next-auth version "next-auth": "^4.20.1",