Trivial but Frustrating: Cannot find module 'next-auth/next' or its corresponding type declarations.ts(2307)

[0xE-acc]

Question 💬

I'm using NextJS 13.4.7 with Typescript and I simply cannot find or import next-auth/next to use getServerSession()

Any help would be greatly appreciated, I'm completely at a loss for where to look or what to try at this point.

Thanks!

How to reproduce ☕️

Contributing 🙌🏽

Yes, I am willing to help answer this question in a PR

[ericvoshall]

I import from next-auth itself:

import { getServerSession } from 'next-auth';

[balazsorban44]

next-auth/packages/next-auth/package.json

Lines 29 to 38 in 124be4f

	"exports": {
	".": "./index.js",
	"./jwt": "./jwt/index.js",
	"./react": "./react/index.js",
	"./core": "./core/index.js",
	"./next": "./next/index.js",
	"./middleware": "./middleware.js",
	"./client/_utils": "./client/_utils.js",
	"./providers/*": "./providers/*.js"
	},

Likely we should expose the type declarations here. See https://www.typescriptlang.org/docs/handbook/esm-node.html#packagejson-exports-imports-and-self-referencing

[0xE-acc]

@ericvoshall when I try that I get Module '"next-auth"' has no exported member 'getServerSession'.ts(2305)

@balazsorban44 my next-auth exports and file structure are a bit different it seems, for example it appears im missing the next directory?

[ericvoshall]

Is it in your package.json?

I had a similar issue where next-auth was in my node_modules folder but wasn't listed as a dependency in package.json for some reason.

[balazsorban44]

@eyeHORUSdotETH this is not an issue then. You installed next-auth@experimental which is a major release bump. See #7443 for more info/migration/documentation.

[0xE-acc]

@ericvoshall @balazsorban44 thanks so much for your help 🙏

[SamuelOliveira-M]

How was the problem resolved?
I'm using version 5.0.0-beta.5 of next-auth and I'm facing the same problem.

[gerhat]

@SamuelOliveira-M you need to use the auth() function instead.
Check this link: https://authjs.dev/getting-started/migrating-to-v5#details

import { auth } from '@/lib/auth';

const Page = async () => {
  const session = await auth();
  console.log(session);

  return <p>Welcome to admin page!</p>;
};

export default Page;

[SamuelOliveira-M]

Thank you, I hadn't found this page containing some changes from version 5.

[SamuelOliveira-M]

How can I add a token from a custom API to the NextAuth v5 session when I authenticate a user using the authorize method with the Credentials provider? When performing authentication, the authorize method returns an object with the structure:

{
  user: {
    email: 'sam123456@gmail.com'
  },
  expires: '2024-05-29T23:55:06.026Z'
}

How can I extract the token from this custom API and save it in the NextAuth session for later use, such as authorizing requests?

This is the complete code:

export const { auth, signIn, signOut } = NextAuth({
  ...authConfig,
  providers: [
    Credentials({
      async authorize(credentials) {
        const parsedCredentials = z
          .object({ email: z.string().email(), password: z.string().min(6) })
          .safeParse(credentials);

        if (parsedCredentials.success) {
          const { email, password } = parsedCredentials.data;
          const user = await getUser(email);
          if (!user) return null;

          const passwordsMatch = await bcrypt.compare(password, user.senha);
          
          if (passwordsMatch) return user;
        }

        console.log('Invalid credentials');
        return null;
      },
    }),
  ],