Issues regarding integration of Clerk with NextJS #26086
Comments
marvinhagemeister
added
bug
|
I am also facing same issue. When I unintsalled deno started working fine with npm. |
|
same issue here too |
|
Not sure this is related, or something completely different - from running (with sharp defined in package.json): I get an error related BrotliDecompress: |
|
I'm also not sure if it's related, but I get the same BrotliDecompress error as @CaptainN. Command: Error: |
|
I have the same issue with nextjs 15.0.3 and deno 2.0.6 |
StilauGamer
changed the title
|
Just adding a comment here to note that I'm also running into this error - app will compile without the Clerk middleware, but will not with it |
|
Hoping that #27455 will fix. Happy to test Clerk and report back when it is merged |
|
I am facing a somewhat similar issue when adding clerk middleware, not sure if related to brotli decompress: I tried testing with the fix using your commit hash for the canary as follows but it still gave me the same error: deno upgrade --canary --version=5194222e02d54158c47240ef78f7d3379a274eebWould appreciate any guidance, in case I am doing anything incorrectly 🙏 |
|
Can confirm now running into the same issue. What's interesting is I can clone and run https://github.com/clerk/nextjs-auth-starter-template and run it without any issues. However, if I lock our main codebase to the package versions in the |
|
The issue is probably still with Clerk (removing import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
const isProtectedRoute = createRouteMatcher(["/dashboard(.*)"]);
export default clerkMiddleware(async (auth, req) => {
if (isProtectedRoute(req)) await auth.protect();
});
export const config = {
matcher: ["/((?!.*\\..*|_next).*)", "/"],
};Which is the |
|
Having the same issue when implementing a barebone middleware in nextjs: import {NextResponse, type NextRequest } from 'next/server';
export function middleware(request: NextRequest) {
console.log("middleware", request);
return NextResponse.next()
}Results in the following error: |
Version: Deno 2.0
What is the issue?
Basically, if you are trying to integrate Clerk with NextJS it will immediately crash when the first page is trying to compile.
It passes the middleware compilation, but when it hits the page compilation; it crashes immediately.
Note: A default NextJS application, with no Clerk added will not crash. Its when Clerk is added, it crashes.
Error that occurs upon page compilation:
How to reproduce?
Its quite simple to reproduce.
Just follow these small steps and you should be having the same issues:
deno run -A npm:create-next-app@latestand follow the setup instruction..envfile, adding the middleware.ts file and adding theClerkProviderto your layout.tsx.deno task dev, let it start up and try opening the page.If you followed the instructions correctly, it should have crashed by now! :)
The text was updated successfully, but these errors were encountered: