following next js learn tutorial why am i getting this warning even though i did everything as ment

Answered

swissbobo posted this in #help-forum

2025-11-05T14:11:58.615Z

following next js learn tutorial
why am i getting this warning even though i did everything as mentioned from the site

Its pointing to props.searchParams which not a component

Page (app\dashboard\invoices\page.tsx:17:36)
  15 | }) {
  16 |
> 17 |   const searchParams = await props.searchParams;
     |                                    ^
  18 |   const query = searchParams?.query || '';
  19 |   const currentPage = Number(searchParams?.page) || 1;
  20 |   const totalPages = await fetchInvoicesPages(query);
Error: Route "/dashboard/invoices": Uncached data was accessed outside of <Suspense>. This delays the entire page from rendering, resulting in a slow user experience. Learn more: https://nextjs.org/docs/messages/blocking-route
    at Page (app\dashboard\invoices\page.tsx:17:36)

Answered by alfonsüs ardani

the nextjs learn section isn't meant for cacheComponents.

View full answer

11 Replies

alfonsüs ardani

2025-11-05T14:15:18.968Z

can i see your next.config.js?

swissboboOP

2025-11-05T17:15:02.356Z

import type { NextConfig } from 'next';

const nextConfig: NextConfig = {
    /* config options here */
    images: {
        remotePatterns: [
            {
                protocol: 'https',
                hostname: 'www.hollywoodreporter.com',
                port: '',
                pathname: '**',
            },
        ],
    },
    cacheComponents: true,
};

export default nextConfig;