Skip to content

Latest commit

 

History

History
25 lines (17 loc) · 665 Bytes

no-suspense-in-blocking-mode.md

File metadata and controls

25 lines (17 loc) · 665 Bytes

No suspense in blocking rendering

Why This Error Occurred

Using next/dynamic with suspense option set to true under blocking rendering mode will lead to this error.

Concurrent rendering mode is required to be enabled here with using suspense option.

Possible Ways to Fix It

Make sure using React v18 and set reactRoot, concurrentFeatures to true in next.config.js to enable concurrent rendering mode.

// next.config.js
module.exports = {
  experimental: {
    reactRoot: true,
    concurrentFeatures: true,
  },
}

Useful Links