rsnext/errors/no-server-import-in-page.md
Thibaut SABOT d1adf1d503
Add eslint rule to prevent importing next/server outside of _middleware (#30973)
* Add eslint rule to prevent importing next/server outside of _middleware

* add error to manifest.json

Co-authored-by: Javi Velasco <javier.velasco86@gmail.com>
2021-11-12 17:44:39 -06:00

607 B

No Server Import In Page

Why This Error Occurred

next/server was imported in a page outside of pages/_middleware.js (or pages/_middleware.tsx if you are using TypeScript)

Possible Ways to Fix It

Only import and use next/server within pages/_middleware.js (or pages/_middleware.tsx) to add middlewares.

// pages/_middleware.ts

import type { NextFetchEvent, NextRequest } from 'next/server'

export function middleware(req: NextRequest, ev: NextFetchEvent) {
  return new Response('Hello, world!')
}