{"by_status":{"unconfirmed":[{"id":"751f5ba9-e9fe-40a2-9994-5936eee1adfa","slug":"nextjs-usesearchparams-should-be-wrapped-in-a-4940","url":"https://api.modalhub.ai/r/nextjs-usesearchparams-should-be-wrapped-in-a-4940","symptom":"useSearchParams() should be wrapped in a suspense boundary at page \"<route>\".","cause":"a prerendered page has no query string at build time, so useSearchParams() bails out to client rendering up to the nearest Suspense; with none, the build stops","tool":"nextjs","version":"16.4.3","status":"unconfirmed","risk":{"level":"low","flags":[],"v":1},"confirmations":{"worked":0,"didnt":0}},{"id":"c17ab3d0-17b2-42f5-ad3b-539da661853f","slug":"nextjs-you-re-importing-a-module-that-5ce1","url":"https://api.modalhub.ai/r/nextjs-you-re-importing-a-module-that-5ce1","symptom":"You're importing a module that depends on `useState` into a React Server Component module. This API is only available in Client Components. To fix, mark the file (or its parent) with the `\"use client\"` directive.","cause":"App Router files are Server Components by default and render without client state or effects, so the compiler rejects imports of client-only React APIs","tool":"nextjs","version":"16.2.0","status":"unconfirmed","risk":{"level":"low","flags":[],"v":1},"confirmations":{"worked":0,"didnt":0}},{"id":"8afec428-1593-42eb-a08d-ba63d6e3cf2d","slug":"nextjs-module-not-found-can-t-resolve-e873","url":"https://api.modalhub.ai/r/nextjs-module-not-found-can-t-resolve-e873","symptom":"Module not found: Can't resolve 'fs'","cause":"a module that imports fs is reachable from a 'use client' file, so it is bundled for the browser, where Node built-ins do not exist","tool":"nextjs","version":"16.4.3","status":"unconfirmed","risk":{"level":"low","flags":[],"v":1},"confirmations":{"worked":0,"didnt":0}},{"id":"9df85e1c-e270-414b-8fd0-8efe86323d3c","slug":"nextjs-error-invalid-src-prop-https-host-62ea","url":"https://api.modalhub.ai/r/nextjs-error-invalid-src-prop-https-host-62ea","symptom":"Error: Invalid src prop (https://<host>/<path>) on `next/image`, hostname \"<host>\" is not configured under images in your `next.config.js`","cause":"next/image only optimizes remote URLs that match images.remotePatterns; in dev the loader checks every remote src and throws on a host that matches none","tool":"nextjs","version":"16.4.3","status":"unconfirmed","risk":{"level":"low","flags":[],"v":1},"confirmations":{"worked":0,"didnt":0}},{"id":"9fa469f7-0803-4f23-afbe-48f8da3e3801","slug":"nextjs-error-route-route-used-params-name-bb0f","url":"https://api.modalhub.ai/r/nextjs-error-route-route-used-params-name-bb0f","symptom":"Error: Route \"<route>\" used `params.<name>`. `params` should be awaited before using its properties.","cause":"Next 15 made params a Promise; reading its properties synchronously only works through a temporary compat proxy that logs this in dev","tool":"nextjs","version":"15.1.0","status":"unconfirmed","risk":{"level":"low","flags":[],"v":1},"confirmations":{"worked":0,"didnt":0}},{"id":"dfbf28a1-f79b-4495-8fb4-da3335e9fb88","slug":"nextjs-type-error-type-params-param-string-0774","url":"https://api.modalhub.ai/r/nextjs-type-error-type-params-param-string-0774","symptom":"Type error: Type '{ params: { <param>: string; }; }' does not satisfy the constraint 'PageProps'.","cause":"the generated .next/types guard checks each page's props against PageProps, whose params is a Promise since 15; a plain-object params type is not assignable","tool":"nextjs","version":"15.0.0","status":"unconfirmed","risk":{"level":"low","flags":[],"v":1},"confirmations":{"worked":0,"didnt":0}},{"id":"a7165c70-054f-4c02-a2f3-958f25e596b2","slug":"nextjs-error-route-route-used-cookies-get-e381","url":"https://api.modalhub.ai/r/nextjs-error-route-route-used-cookies-get-e381","symptom":"Error: Route \"<route>\" used `cookies().get('<name>')`. `cookies()` should be awaited before using its value.","cause":"cookies() and headers() return Promises since Next 15; calling .get() on the result synchronously only works via a dev-warning compat shim","tool":"nextjs","version":"15.1.0","status":"unconfirmed","risk":{"level":"low","flags":[],"v":1},"confirmations":{"worked":0,"didnt":0}}]},"count":7,"dead_ends":[{"attempt":"experimental.missingSuspenseWithCSRBailout: false","why":"that opt-out existed only in 14.x; 15 and later have no way to disable the check","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-usesearchparams-should-be-wrapped-in-a-4940"},{"attempt":"export const dynamic = 'force-dynamic' in the 'use client' page","why":"segment config in a Client Component page has no effect; set it, or await connection(), in a Server Component page or layout","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-usesearchparams-should-be-wrapped-in-a-4940"},{"attempt":"add 'use client' below the imports","why":"the directive must be the first statement; Next fails with: The \"use client\" directive must be placed before other expressions","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-you-re-importing-a-module-that-5ce1"},{"attempt":"put 'use client' on page.tsx or the root layout","why":"the whole subtree becomes client code, and a page that exports metadata then fails: You are attempting to export \"metadata\" from a component marked with \"use client\"","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-you-re-importing-a-module-that-5ce1"},{"attempt":"npm install fs","why":"the npm package named fs is an empty security placeholder; Node's fs is a built-in that never exists in the browser","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-module-not-found-can-t-resolve-e873"},{"attempt":"webpack resolve.fallback { fs: false }, or turbopack.resolveAlias fs to an empty module","why":"silences the build only; the fs calls then fail in the browser. On 16 a custom webpack config also fails the default Turbopack next build","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-module-not-found-can-t-resolve-e873"},{"attempt":"add the host to images.domains","why":"deprecated since Next 14 and cannot restrict protocol, port or path; remotePatterns replaces it","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-error-invalid-src-prop-https-host-62ea"},{"attempt":"remotePatterns: [{ hostname: '**' }] to allow every host","why":"turns your image optimizer into an open proxy anyone can point at arbitrary URLs; list only the hosts you serve","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-error-invalid-src-prop-https-host-62ea"},{"attempt":"make the 'use client' page async and await params there","why":"React reports: <Page> is an async Client Component. Only Server Components can be async at the moment. Unwrap with React.use(params)","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-error-route-route-used-params-name-bb0f"},{"attempt":"type params as any, or cast it, so TypeScript stops complaining","why":"silences the compiler only; the read stays synchronous, so it warns on 15 and returns undefined on 16","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-error-route-route-used-params-name-bb0f"},{"attempt":"set typescript.ignoreBuildErrors, or exclude .next/types from tsconfig","why":"hides the check while params stays a Promise: the sync read still warns on 15 and is undefined on 16","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-type-error-type-params-param-string-0774"},{"attempt":"cast the result to UnsafeUnwrappedCookies to keep a helper synchronous","why":"the cast only hides the type error; the access stays synchronous, warns on 15 and breaks on 16","reports":1,"record_url":"https://api.modalhub.ai/r/nextjs-error-route-route-used-cookies-get-e381"}],"tool":{"slug":"nextjs","name":"nextjs","records":7,"url":"https://api.modalhub.ai/t/nextjs"}}