I'm currently encountering issues with website deployment

v0
1

I’m currently encountering issues with website deployment. The website has been completed, but it keeps reporting errors during deployment. I’ve repeatedly asked v0 to fix it, but it still can’t be deployed.

14:55:17⨯ useSearchParams() should be wrapped in a suspense boundary at page "/404". Read more: https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout
⨯ useSearchParams（） 应该包裹在页面 “/404” 的悬念边界中。阅读更多： https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout14:55:17at a (/vercel/path0/.next/server/chunks/230.js:5:94149)
在 （/vercel/path0/.next/server/chunks/230.js：5：94149）14:55:17at f (/vercel/path0/.next/server/chunks/230.js:3:63240)
在 f （/vercel/path0/.next/server/chunks/230.js：3：63240）14:55:17at a (/vercel/path0/.next/server/chunks/969.js:1:8067)
在 （/vercel/path0/.next/server/chunks/969.js：1：8067）14:55:17at nL (/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:76:46773)
在 nL （/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js：76：46773）14:55:17at nF (/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:76:48548)
在 nF （/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js：76：48548）14:55:17at nF (/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:76:64360)
在 nF （/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js：76：64360）14:55:17at nq (/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:76:67434)
在 nq （/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js：76：67434）14:55:17at nH (/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:76:65009)
在 nH （/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js：76：65009）14:55:17at nV (/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:76:70865)
在 nV （/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js：76：70865）14:55:17at nz (/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:76:69548)
在 NZ （/vercel/path0/node_modules/.pnpm/next@15.2.4_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js：76：69548）14:55:17Error occurred prerendering page "/_not-found". Read more: https://nextjs.org/docs/messages/prerender-error
在预呈现页面 “/_not-found” 之前出错。阅读更多内容： https://nextjs.org/docs/messages/prerender-error14:55:17Export encountered an error on /_not-found/page: /_not-found, exiting the build.
导出在 /_not-found/page： /_not-found 上遇到错误，退出内部版本。14:55:17⨯ Next.js build worker exited with code: 1 and signal: null
⨯ Next.js 生成工作程序退出，并显示代码：1 和 signal：null14:55:17 ELIFECYCLE Command failed with exit code 1.
ELIFECYCLE 命令失败，退出代码为 1。14:55:17Error: Command "pnpm run build" exited with 1
错误：命令“pnpm run build”退出，显示 114:55:1814:55:21Exiting build container 正在退出构建容器

[View logs on Vercel 在 Vercel 上查看日志](https://vercel.com/toms-projects-fc1844e0/v0-chenyra/6MAqe663b34Y6UUdg4nauh1gkdXM)
2

As the error states, the issue is that the component needed to be wrapped with the SUSPENSE boundary separately. The rest of the code now had to have its own function.

‘use client’;

import React, { Suspense } from ‘react’;
import Search from ‘@/components/Search’;
import { useSearchParams } from ‘next/navigation’;

function SearchPage() {
return (
<Suspense fallback={

Loading…
}>


);
}
const SearchContent = () => {
const searchParams = useSearchParams(); // Get search parameters from the URL
const location = searchParams.get(“location”) || “”; // Extract the location parameter
const type = searchParams.get(‘type’) || “”; // Get the type (rent/sale)
const propertyType = searchParams.get(‘propertyType’) || “”; // Get the specific property type

return (




);
};
export default SearchPage;