ERROR: The JSX syntax extension is not currently enabled #233

Closed
opened 2026-02-15 17:17:41 -05:00 by yindo · 1 comment
Owner

Originally created by @AriTavakoli on GitHub (Apr 13, 2025).

Im trying to get the cli to work in my companies mono-repo but keep running into this issue. I clone the repo & try to mess with the build logic with a timebox... needless to say it didn't work out. This is the log I get. The mono-repo I work in have legacy js & jsx components that seem to get bundled?

Any help would be appreciated! Love the product and I wish I could use it :)

error:   ▪ Error: Transform failed with 1 error:
/my-private-path/clickable.js:140:13: ERROR: The JSX syntax extension is not currently enabled
    at failureErrorWithLog (/my-private-path/projects/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:1477:15)
    at /my-private-path/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:756:50
    at responseCallbacks.<computed> (/my-private-path/projects/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:623:9)
    at handleIncomingPacket (/my-private-path/lprojects/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:678:12)
    at Socket.readFromStdout (/my-private-path/lprojects/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:601:7)
    at Socket.emit (node:events:517:28)
    at addChunk (node:internal/streams/readable:368:12)
    at readableAddChunk (node:internal/streams/readable:341:9)
    at Readable.push (node:internal/streams/readable:278:10)
    at Pipe.onStreamRead (node:internal/stream_base_commons:190:
Originally created by @AriTavakoli on GitHub (Apr 13, 2025). Im trying to get the cli to work in my companies mono-repo but keep running into this issue. I clone the repo & try to mess with the build logic with a timebox... needless to say it didn't work out. This is the log I get. The mono-repo I work in have legacy js & jsx components that seem to get bundled? Any help would be appreciated! Love the product and I wish I could use it :) ``` error: ▪ Error: Transform failed with 1 error: /my-private-path/clickable.js:140:13: ERROR: The JSX syntax extension is not currently enabled at failureErrorWithLog (/my-private-path/projects/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:1477:15) at /my-private-path/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:756:50 at responseCallbacks.<computed> (/my-private-path/projects/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:623:9) at handleIncomingPacket (/my-private-path/lprojects/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:678:12) at Socket.readFromStdout (/my-private-path/lprojects/langgraphjs-api/node_modules/.pnpm/esbuild@0.25.0/node_modules/esbuild/lib/main.js:601:7) at Socket.emit (node:events:517:28) at addChunk (node:internal/streams/readable:368:12) at readableAddChunk (node:internal/streams/readable:341:9) at Readable.push (node:internal/streams/readable:278:10) at Pipe.onStreamRead (node:internal/stream_base_commons:190: ```
yindo closed this issue 2026-02-15 17:17:41 -05:00
Author
Owner

@dqbd commented on GitHub (Jul 4, 2025):

Hello! LangGraph by itself does not support receiving nor sending JSX. If you're looking into implementing generative UI, take a look at this guide: https://langchain-ai.github.io/langgraphjs/cloud/how-tos/generative_ui_react/

If you do need to import code that also contains JSX code, you might need to update tsconfig.json to indicate how JSX syntax should be handled, ie. something like this:

{
  // ...
  "compilerOptions": {
    "jsx": "react-jsx"
  }
  // ...
}

Closing as won't do.

@dqbd commented on GitHub (Jul 4, 2025): Hello! LangGraph by itself does not support receiving nor sending JSX. If you're looking into implementing generative UI, take a look at this guide: https://langchain-ai.github.io/langgraphjs/cloud/how-tos/generative_ui_react/ If you do need to import code that also contains JSX code, you might need to update `tsconfig.json` to indicate how JSX syntax should be handled, ie. something like this: ```jsonc { // ... "compilerOptions": { "jsx": "react-jsx" } // ... } ``` Closing as won't do.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langchain-ai/langgraphjs#233