Jest error "Cannot find module 'next-auth/react'"

[renanleonel]

hi, i'm trying to do a basic test of my sidebar using my component that performs the signOut action from next auth. this is a next.js 14 project using jest/testing-library.

i'm using "next-auth": "5.0.0-beta.4", with the middleware.ts authentication

this is my component:

'use client';

import { signOut } from 'next-auth/react';

interface SidebarLogoutProps {
    children: React.ReactNode;
}

const logout = async () => {
    await signOut();
};

const SidebarLogout = ({ children }: SidebarLogoutProps) => {
    return (
        <button className='w-full' onClick={logout}>
            {children}
        </button>
    );
};

export default SidebarLogout;

and this is my sidebar.test.tsx

import { render } from '@testing-library/react';
import SidebarLogout from '../sidebar-logout';

describe('Sidebar', () => {
    it('should render', () => {
        render(<SidebarLogout>Logout</SidebarLogout>);
    });
});

currently i'm facing this error while trying to render the component:

 ● Test suite failed to run

   Cannot find module 'next-auth/react' from 'src/components/sidebar/sidebar-logout.tsx'

   Require stack:
     src/components/sidebar/sidebar-logout.tsx
     src/components/sidebar/__tests__/sidebar.test.tsx

     11 | };
     12 |
   > 13 | const SidebarLogout = ({ children }: SidebarLogoutProps) => {
        |                ^
     14 |     return (
     15 |         <button className='w-full' onClick={logout}>
     16 |             {children}

this is my jest.config.js file

const nextJest = require('next/jest');

const createJestConfig = nextJest({
    dir: './',
});

/** @type {import('jest').Config} */
const config = {
    setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
    testEnvironment: 'jest-environment-jsdom',
    preset: 'ts-jest',
    coverageThreshold: {
        global: {
            branches: 50,
            functions: 50,
            lines: 50,
            statements: -10,
        },
    },
};

module.exports = createJestConfig(config);

how can i solve this?

[journey29]

Did you find the solution?

[scottlet]

I also have this issue, does anyone have any ideas?

[renanleonel]

managed to create a mock that works fine for my use case, published it on this repository

[drew-beamer]

Came across this issue just now, @renanleonel your mocks worked for my case (albeit very similar) as well. Does anyone know if mocks for next-auth been required in previous versions? This is my first time using it.

[PestoP]

I don't know either, but perhaps it could figure on the documentation (test/jest section) 🤔
In my case, I had to create 2 files :

// jest.config.ts
{
    moduleNameMapper: {
        'next/headers': '<rootDir>/mocks/auth/headers.ts',
        '@auth/core/jwt': '<rootDir>/mocks/auth/core-jwt.ts',
    }
}

// /mocks/auth/core-jwt.ts'
import { jest } from '@jest/globals'

export const getToken = jest.fn()

// /mocks/auth/headers.ts'
import { jest } from '@jest/globals'

export const headers = jest.fn()

[Vagner8]

Hello
need to add the path to the jest config
like
moduleNameMapper = {
'your module name': '/node_modules/folder1/folder2/index file',
}