Payload is unable to resolve @floating-ui/react and react-onclickoutside packages.

[shawqicauses]

Describe the Bug

Salam everyone.

I have created a Next.JS application using npx create-next-app@latest then initialised Payload using npx create-payload-app.

When I navigated to /admin an error occurred saying something like Unable to resolve @floating-ui/react.

When I have downloaded @floating-ui/react and react-onclickoutside package, everything worked just fine.

This is the commit for what I have done to fix it in my repository:
shawqicauses/shawqi-stack@8140c6c

Thanks.

Link to the code that reproduces this issue

https://github.com/shawqicauses/shawqi-stack

Reproduction Steps

1. Creating Next.JS application using npx create-next-app@latest
2. Initialising Payload CMS application using npx create-payload-app

Which area(s) are affected? (Select all that apply)

area: core

Environment Info

Next.JS version 15

[denolfe]

What package manager? There is not a lockfile checked into your reproduction. Also please provide the output of payload info.

[denolfe]

Also, either you're using an outdated create-payload-app, or create-payload-app wasn't used in creating your reproduction.

Whenever a project is made using cpa, an .npmrc file is written that contains legacy-peer-deps=true in it, which will handle automatically installing peer dependencies.

This is the file tree for blank

.
├── .env.example
├── .eslintrc.cjs
├── .gitignore
├── .npmrc
├── .prettierrc.json
├── .yarnrc
├── Dockerfile
├── README.md
├── docker-compose.yml
├── next.config.mjs
├── package-lock.json
├── package.json
├── src
│   ├── app
│   ├── collections
│   ├── payload-types.ts
│   └── payload.config.ts
└── tsconfig.json