Description

archiekd

opened on Jan 27, 2026

Issue body actions

TanStack Devtools version

0.4.1

Framework/Library version

React v18.2.0

Describe the bug and the steps to reproduce it

When I try to use the click to code function it doesn't work if there is a ( inside the file name, is it possible to add strings around the file name so that this works?

/usr/local/bin/cursor: eval: line 20: syntax error near unexpected token `('
/usr/local/bin/cursor: eval: line 20: `ELECTRON_RUN_AS_NODE=1 "/Applications/Cursor.app/Contents/MacOS/Cursor" "/Applications/Cursor.app/Contents/Resources/app/out/cli.js" -r -g /Users/archiekd/Developer/searchland/nx-monorepo/apps/web/src/pages/(dashboard)/alerts/_components/AlertFilters.tsx:27:9'

Could not open AlertFilters.tsx in the editor.
The editor process exited with an error: (code 1).

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

Path with ( inside it when using click to code

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

No, because I do not have time to dig into it

Terms & Code of Conduct

• I agree to follow this project's Code of Conduct
• I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

Activity

1. L-Blondy commented on Feb 12, 2026

   

   L-Blondy

   on Feb 12, 2026

   More actions

   Same issue with "$" in file paths.
   Got 5.3 codex to work around it in the devtools vite plugin options. Here is the workaround for cursor + macOS

     devtools({
         logging: true,
         // Fixes issues with file paths containing "(" or ")" or "$"
         editor: {
           name: "cursor",
           async open(path, lineNumber, columnNumber) {
             const line = lineNumber ?? "1";
             const column = columnNumber ?? "1";
             const target = `${path}:${line}:${column}`;
             // macos specific
             const cursorApp = "/Applications/Cursor.app/Contents/MacOS/Cursor";
             // macos specific
             const cursorCli =
               "/Applications/Cursor.app/Contents/Resources/app/out/cli.js";
   
             const run = (
               command: string,
               args: Array<string>,
               extraEnv?: Record<string, string>,
             ) =>
               new Promise<{ ok: boolean; error: string }>((resolve) => {
                 const child = spawn(command, args, {
                   stdio: ["ignore", "pipe", "pipe"],
                   env: extraEnv ? { ...process.env, ...extraEnv } : process.env,
                 });
                 let stderr = "";
   
                 child.stderr.on("data", (chunk) => {
                   stderr += String(chunk);
                 });
                 child.on("error", (error) => {
                   resolve({ ok: false, error: String(error) });
                 });
                 child.on("exit", (code) => {
                   resolve({
                     ok: code === 0,
                     error: stderr.trim() || `exit_code=${String(code)}`,
                   });
                 });
               });
   
             const withCursorCli = await run(
               cursorApp,
               [cursorCli, "-r", "-g", target],
               { ELECTRON_RUN_AS_NODE: "1" },
             );
             if (withCursorCli.ok) {
               console.info(`[tanstack-devtools] opened in Cursor: ${target}`);
               return;
             }
   
             console.error(
               `[tanstack-devtools] failed to open in Cursor: ${target}\n${withCursorCli.error}`,
             );
           },
         },
       }),

Issue actions