Standalone reproduction with stock Payload 3.91.0, its MongoDB adapter 3.91.0, and Mongoose 8.24.1. No application plugins or Next.js server are needed.
Use Node.js 26 and an existing local MongoDB replica set. The tested server is MongoDB 8.0.28. Save all three files in one directory, then run:
npm install
| Parts: | |
| - server component: see page.tsx | |
| - client component: LivePreview | |
| Difference to Payload 3.x: | |
| - updates immediately, does not have to wait for draft to be saved |
| import { decode } from 'blurhash'; | |
| import { CSSProperties } from 'react'; | |
| /** | |
| * Get a pixel value. | |
| * | |
| * @param pixelBytes | |
| * @param x | |
| * @param y | |
| * @param width |