OpenCut-app / OpenCut-app/OpenCut
[BUG] error on blank installation
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 89.8k
- Forks
- 8.9k
- PR merge metrics
- No merged PRs in 30d
Description
Platform
windows 11
Browser
edge/chrome/any
Current Behavior
on a blank system, latest version, installation goes fine but upon first request i get the following error:
(relevant is probably this: Incompatible React versions: The "react" and "react-dom" packages must have the exact same version)
D:\OpenCut\OpenCut>bun dev:web $ turbo run dev --filter=@opencut/web • turbo 2.7.5 • Packages in scope: @opencut/web • Running dev in 1 packages • Remote caching disabled @opencut/web:dev: cache bypass, force executing db4b1997cdd1d5ce @opencut/web:dev: $ next dev --turbopack @opencut/web:dev: ▲ Next.js 16.1.3 (Turbopack) @opencut/web:dev: - Local: http://localhost:3000 @opencut/web:dev: - Network: http://192.168.76.98:3000 @opencut/web:dev: - Environments: .env.local @opencut/web:dev: @opencut/web:dev: ✓ Starting... @opencut/web:dev: ✓ Ready in 2.3s @opencut/web:dev: ⨯ Error [ZodError]: [ @opencut/web:dev: { @opencut/web:dev: "code": "invalid_format", @opencut/web:dev: "format": "url", @opencut/web:dev: "path": [ @opencut/web:dev: "MODAL_TRANSCRIPTION_URL" @opencut/web:dev: ], @opencut/web:dev: "message": "Invalid URL" @opencut/web:dev: } @opencut/web:dev: ] @opencut/web:dev: at module evaluation (..\..\packages\env\src\web.ts:34:36) @opencut/web:dev: at module evaluation (src\app\layout.tsx:8:1) @opencut/web:dev: at module evaluation (D:\OpenCut\OpenCut\apps\web\.next\dev\server\chunks\ssr\[root-of-the-server]__56f0c017._.js:10:47) @opencut/web:dev: 32 | export type WebEnv = z.infer<typeof webEnvSchema>; @opencut/web:dev: 33 | @opencut/web:dev: > 34 | export const webEnv = webEnvSchema.parse(process.env); @opencut/web:dev: | ^ @opencut/web:dev: 35 | @opencut/web:dev: ⨯ Error [ZodError]: [ @opencut/web:dev: { @opencut/web:dev: "code": "invalid_format", @opencut/web:dev: "format": "url", @opencut/web:dev: "path": [ @opencut/web:dev: "MODAL_TRANSCRIPTION_URL" @opencut/web:dev: ], @opencut/web:dev: "message": "Invalid URL" @opencut/web:dev: } @opencut/web:dev: ] @opencut/web:dev: at module evaluation (..\..\packages\env\src\web.ts:34:36) @opencut/web:dev: at module evaluation (src\app\layout.tsx:8:1) @opencut/web:dev: at module evaluation (D:\OpenCut\OpenCut\apps\web\.next\dev\server\chunks\ssr\[root-of-the-server]__56f0c017._.js:10:47) @opencut/web:dev: 32 | export type WebEnv = z.infer<typeof webEnvSchema>; @opencut/web:dev: 33 | @opencut/web:dev: > 34 | export const webEnv = webEnvSchema.parse(process.env); @opencut/web:dev: | ^ @opencut/web:dev: 35 | { @opencut/web:dev: page: '/' @opencut/web:dev: } @opencut/web:dev: ⨯ Error: Failed to load external module next/dist/compiled/next-server/pages-turbo.runtime.dev.js: Error: Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got: @opencut/web:dev: - react: 19.2.0 @opencut/web:dev: - react-dom: 19.2.4 @opencut/web:dev: Learn more: https://react.dev/warnings/version-mismatch @opencut/web:dev: at module evaluation (D:\OpenCut\OpenCut\apps\web\.next\dev\server\chunks\ssr\[externals]__e6a4d965._.js:22:35) @opencut/web:dev: at Object.<anonymous> (D:\OpenCut\OpenCut\apps\web\.next\dev\server\pages\_document.js:4:3) @opencut/web:dev: Error [ZodError]: [ @opencut/web:dev: { @opencut/web:dev: "code": "invalid_format", @opencut/web:dev: "format": "url", @opencut/web:dev: "path": [ @opencut/web:dev: "MODAL_TRANSCRIPTION_URL" @opencut/web:dev: ], @opencut/web:dev: "message": "Invalid URL" @opencut/web:dev: } @opencut/web:dev: ] @opencut/web:dev: at module evaluation (..\..\packages\env\src\web.ts:34:36) @opencut/web:dev: at module evaluation (src\app\layout.tsx:8:1) @opencut/web:dev: at module evaluation (D:\OpenCut\OpenCut\apps\web\.next\dev\server\chunks\ssr\[root-of-the-server]__56f0c017._.js:10:47) @opencut/web:dev: 32 | export type WebEnv = z.infer<typeof webEnvSchema>; @opencut/web:dev: 33 | @opencut/web:dev: > 34 | export const webEnv = webEnvSchema.parse(process.env); @opencut/web:dev: | ^ @opencut/web:dev: 35 | { @opencut/web:dev: page: '/' @opencut/web:dev: } @opencut/web:dev: ⨯ Error: Failed to load external module next/dist/compiled/next-server/pages-turbo.runtime.dev.js: Error: Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got: @opencut/web:dev: - react: 19.2.0 @opencut/web:dev: - react-dom: 19.2.4 @opencut/web:dev: Learn more: https://react.dev/warnings/version-mismatch @opencut/web:dev: at module evaluation (D:\OpenCut\OpenCut\apps\web\.next\dev\server\chunks\ssr\[externals]__e6a4d965._.js:22:35) @opencut/web:dev: at Object.<anonymous> (D:\OpenCut\OpenCut\apps\web\.next\dev\server\pages\_document.js:4:3) @opencut/web:dev: Error: Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got: @opencut/web:dev: - react: 19.2.0 @opencut/web:dev: - react-dom: 19.2.4 @opencut/web:dev: Learn more: https://react.dev/warnings/version-mismatch @opencut/web:dev: at ignore-listed frames @opencut/web:dev: GET / 500 in 2.0s (compile: 470ms, proxy.ts: 177ms, render: 1381ms) @opencut/web:dev: GET / 500 in 2.0s (compile: 470ms, proxy.ts: 177ms, render: 1381ms)
Expected Behavior
No response
Recurrence Probability
Always
Steps To Reproduce
install and run latest codebase
Anything else?
No response
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the blank-system startup with bun dev:web and read the failures reported from packages/env/src/web.ts and src/app/layout.tsx. Compare the installed React and react-dom versions shown in the output and investigate the MODAL_TRANSCRIPTION_URL validation error. Done means the latest codebase starts successfully and the first request no longer returns HTTP 500.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- bun, nextjs, react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100