Turbopack error on edge runtime(middleware): `Error [TypeError]: _react.default.createContext is not a function` about next.js

[fernandojbf]

@timneutkens using webpack, i continue to see the same issue:

[jeslenbucci]

This just began happening to me as well after upgrading to next@15 RC and adding middleware. I am not creating a context within the middleware. My context is in a client component with 'use client' at the top of the file. Everything was working fine, and still does, unless I add middleware.ts to the root of my src/ directory.

[kyb3r]

I'm having the same issue

Edit by maintainer bot: Comment was automatically minimized because it was considered unhelpful. (If you think this was by mistake, let us know). Please only comment if it adds context to the issue. If you want to express that you have the same problem, use the upvote 👍 on the issue description or subscribe to the issue for updates. Thanks!

[fernandojbf]

In my project, the issue appears with Webpack using next-intl

[OlegLustenko]

the same issue

[timneutkens]

Please open a new issue with a reproduction. It's expected that createContext is not available in middleware / route handlers, they're bundled in the same way as server components nowadays to ensure that things like client-only / server-only work correctly.

[jeslenbucci]

For me, it appears this is an issue with AuthJS v5. If I remove authJS and throw in the middleware example found in the next docs (see below), the createContext is not a function log no longer appears.

My middleware without AuthJS (no error)

import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'

// This function can be marked `async` if using `await` inside
export function middleware(request: NextRequest) {
  return NextResponse.redirect(new URL('/sign-in', request.url))
}

// See "Matching Paths" below to learn more
export const config = {
  matcher: [
    '/dashboard/',
    '/account/:path*',
    '/dashboard/:path*',
    '/memberships/:path*',
    '/api/v2/:path*',
  ],
}

My middlewar with AuthJS (error)

export { auth as middleware } from '~/server/auth'

// See "Matching Paths" below to learn more
export const config = {
  matcher: [
    '/dashboard/',
    '/account/:path*',
    '/dashboard/:path*',
    '/memberships/:path*',
    '/api/v2/:path*',
  ],
}

[fernandojbf]

Please open a new issue with a reproduction. It's expected that createContext is not available in middleware / route handlers, they're bundled in the same way as server components nowadays to ensure that things like client-only / server-only work correctly.

I can observe that i was using a dependency on the middleware that was using react context. removing that dependency made it working again Thanks

[liuhuapiaoyuan]

How to solve it in the end?

[kyb3r]

my issue is with authjs v5 as well, any workaround?

[chungweileong94]

@liuhuapiaoyuan @kyb3r The latest canary version should resolved this. Fixed in https://github.com/vercel/next.js/releases/tag/v14.3.0-canary.81 to be specific.

[timneutkens]

As said above: please open a new issue with a reproduction.

Then we can have a look 🙂