Is it posible to use suspense library in the next js app router

[jeetiss]

Next js replace [email protected] with the experimental build so it should be possible to use suspense with app router. am I right?

[bvaughn]

This package requires the experimental release channel.

From the React announcement post about release channels:

• Unlike the Experimental channel, React Canaries only include features that we reasonably believe to be ready for adoption. We encourage frameworks to consider bundling pinned Canary React releases.

I believe the canary channel does have unstable_useCacheRefresh but it does not yet have the unstable_getCacheForType which this package relies on for mutation support.

[jeetiss]

I found in the d.ts file that serverActions: true enables experimental channel and i managed to use suspense library with the next 🙌🏻

/**
 * Enable `react@experimental` channel for the `app` directory.
 */
/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    serverActions: true,
  },
};

[bvaughn]

Nice find! I’m glad you got it sorted 😌

I would love to know what you’re building!

[bvaughn]

Stumbled across this problem myself today and referred back to this thread 🥳