I created a UI using v0.dev which has a few .tsx files. Uploaded it to a git project and trying to run it on vercel.

If I choose "other" frameworks in settings, the deploy goes through - but when I open the app the files are downloaded to the browser as .dms files.

If I choose "Next.js" framework in settings, I get this deployment error

[13:06:26.243] Running build in Washington, D.C., USA (East) – iad1 [13:06:26.392] Cloning [13:06:26.408] Skipping build cache, deployment was triggered without cache. [13:06:26.851] Cloning completed: 458.076ms [13:06:27.273] Running "vercel build" [13:06:28.967] Vercel CLI 37.13.0 [13:06:29.352] Your application is being built using next build. If you need to define a different build step, please create a vercel-build script in your package.json (e.g. { "scripts": { "vercel-build": "npm run prepare && next build" } }). [13:06:29.357] Installing dependencies... [13:06:30.019] [13:06:30.020] up to date in 484ms [13:06:30.026] Warning: Could not identify Next.js version, ensure it is defined as a project dependency. [13:06:30.031] Error: No Next.js version could be detected in your project. Make sure "next" is installed in "dependencies" or "devDependencies" [13:06:30.883]

would love some advice.

thanks