nextjs - 💡(How to fix) Fix Coluld not use nextUrl.searchParams in route in Next@16 [1 comments, 2 participants]

Error: Route /api/authorize needs to bail out of prerendering at this point because it used nextUrl.searchParams.

---

Error: During prerendering, `cookies()` rejects when the prerender is complete. Typically these errors are handled by React but if you move `cookies()` to a different context by using `setTimeout`, `after`, or similar functions you may observe this error and you should handle it in that context. This occurred at route "/account/api/whoami".

---

import { type NextRequest, NextResponse } from 'next/server';
import mm_logger from '../../../../atoms/server/logger';
import ctrls from '../../../ctrls';
import type { QywxAuthorizeParam, QywxAuthorizeResult } from '../../../../controllers/qywx';

const logger = mm_logger(__dirname);


export type Data = QywxAuthorizeResult;

export type Result = {
	ok: true;
	data: Data;
} | {
	ok: false;
	message: string;
};

export type Message = QywxAuthorizeParam;

/**
 * authorize
 */
export function GET(req: NextRequest/* , { params: { id } }: { params: { id: string; } }*/) {
	try {
		const msg = (() => {
			// const { searchParams: sp } = new URL(req.url);
			const sp = req.nextUrl.searchParams;   // Error: Route /api/authorize needs to bail out of prerendering at this point because it used nextUrl.searchParams.
			return Array.from(sp.keys()).reduce((pre, key) => {
				const val = sp.get(key);
				return {
					...pre,
					[key]: val
				};
			}, {} as Message);
		})();
		logger.debug('msg', msg);
		const data = ctrls.qywx.authorize(msg);
		return NextResponse.json({
			ok: true,
			data
		} as Result);
	} catch (error) {
		logger.error(error);
		return NextResponse.json({ ok: false, message: (error as Error).message });
		// return new Response((error as Error).message, {
		// 	status: 500,
		// 	headers: {
		// 		'Content-Type': 'text/plain; charset=utf-8'
		// 	},
		// });
	}
}

---

import { type NextRequest, NextResponse } from 'next/server';
import mm_logger from '../../../../atoms/server/logger';
import ctrls from '../../../ctrls';
import type { UserGetUserByCookieResult } from '../../../../controllers/user';
import get_user from '../../../../atoms/server/get-user';
import { cookies } from 'next/headers';

const logger = mm_logger(__dirname);


export type Data = UserGetUserByCookieResult;

export type Result = {
	ok: true;
	data: Data;
} | {
	ok: false;
	message: string;
};

export type Message = {};

/**
 * whoami
 */
export async function GET(req: NextRequest/* , { params: { id } }: { params: { id: string; } }*/) {
	try {
		// const cookie_store = req.cookies;	// next@15
		const cookie_store = await cookies();
		const data = await get_user(cookie_store);
		return NextResponse.json({
			ok: true,
			data
		} as Result);
	} catch (error) {
		logger.error(error);
		// return NextResponse.json({ ok: false, message: (error as Error).message });
		return new Response((error as Error).message, {
			status: 500,
			headers: {
				'Content-Type': 'text/plain; charset=utf-8'
			},
		});
	}
}

---

v16