aidenybai / aidenybai/react-grab

[Bug] Next.js App Router adds /(app-pages-browser)/ prefix to file paths, breaking "Open

Open
#215 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
7.6k
Forks
340
Avg merge
5h 12m
Merged PRs (30d)
6

Description

When using react-grab with Next.js App Router, the file paths reported include a /(app-pages-browser)/ prefix that doesn't exist on disk. This causes the "Open in editor" feature to fail with a file-not-found error.

**Environment**

- react-grab version: 0.1.23
- Next.js version: 14.2.5
- React version: 18.2.0
- Browser: Chrome
- OS: macOS

**Steps to Reproduce**

1. Install react-grab in a Next.js App Router project
2. Run the dev server
3. Hover over any component and use the "Open" action

**Expected Behavior**
The path should resolve to the actual file on disk, e.g.:

`app/components/label/Label/Label.tsx:18`

**Actual Behavior**
The path includes a Next.js internal module prefix:

`/(app-pages-browser)/app/components/label/Label/Label.tsx:18`

This path doesn't exist on disk, so the editor can't open it.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.