Error while trying to use radix theme with pre-configured cloudflare pages (next.js) command

[trace2798]

When I tried to use Radix theme with Next.js and Cloudflare pages, during the build process I got this error

Failed to compile.

./node_modules/@radix-ui/react-primitive/dist/index.mjs
Attempted import error: 'flushSync' is not exported from 'react-dom' (imported as 'ReactDOM')

To reproduce:

1. You can clone this repo and try it yourself.

Steps I took to create it:

1. Using the following command to create a Next.js app pre-configured with Cloudflare

npm create cloudflare@latest -- my-next-app --framework=next

2. Following the get started guide from radix

In the past, I have used radix theme in a similar way and it always worked flawlessly.