Hey everyone 🙂 I'm running Next.js 16.2 (no cache components enabled yet), and I am having trouble understanding how to properly implement ISR on my /products/[handle]/page.tsx routes.

Here's my current setup and the issues I'm having:
export const revalidate = 604800 at the top for a 7 day cache revalidation period

export async function generateStaticParams() {
....
const handles = [];
  while(true) {
   const { products, count } = await listProductsDetails({
        limit: STATIC_PARAMS_PAGE_SIZE,
        offset,
        fields: ["id", "handle"],
        strict: true,
        retry: BUILD_TIME_RETRY,
      })
    for(const product of products) {
      handles.push({handle: product.handle})
    }
  }
...
return handles;
}

Then in the actual function component, I run a:

import { unstable_noStore as noStore } from "next/cache"

 if (!product) {
    // Opt this single render out of the Full Route Cache so a missing/draft
    // product doesn't poison the slot for `revalidate` (7 days). The next
    // visit re-runs the page and self-heals as soon as the product publishes.
    // Using unstable_noStore (vs connection()) so a null product during
    // build-time prerender gracefully halts static generation for that path
    // instead of erroring — without PPR, connection() throws here.
    noStore()
    return notFound()
  }

The issue I am having is that when there's an error fetching the product details for whatever reason, I get the error DYNAMIC_SERVER_USAGE.

My current understanding is the following:
1. Generate static params gets all the product handles, then runs the rendering function for each product on build time using workers concurrently to build out the static pages
2. Each page is cached and revalidates every 7 days or via the tag revalidation

However, if a page errors out while building, the 404 gets saved into the cache and can't be revalidated unless manually triggered.