OpenCut-app / OpenCut-app/OpenCut

[BUG] error on blank installation

Open
#717 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.