next/server should not be imported outside of pages/_middleware.js

[saurabhguptarock]

What version of Next.js are you using?

12.0.6

What version of Node.js are you using?

14.18.2

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

Vercel

Describe the Bug

I have added _middleware.tsx file in /pages/login/_middleware.tsx and it gives error.

Expected Behavior

It should not give any error

To Reproduce

My files

_middleware.tsx

import type { NextRequest } from "next/server";
import { NextResponse } from "next/server";

export const middleware = (req: NextRequest) => {
  const cookie = req.cookies["auth"];

  if (cookie) {
    return NextResponse.redirect("/");
  }
};

Folder structure

[balazsorban44]

This is being addressed in #32139

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.