Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

dev-tool crashing with "path is undefined" (zen browser) #3498

Open
nktnet1 opened this issue Feb 21, 2025 · 0 comments
Open

dev-tool crashing with "path is undefined" (zen browser) #3498

nktnet1 opened this issue Feb 21, 2025 · 0 comments

Comments

@nktnet1
Copy link

nktnet1 commented Feb 21, 2025

Which project does this relate to?

Router

Describe the bug

Tanstack router dev tool is crashing whenever I make a change to certain files with the error

path is not defined

and other errors unrelated to my applications:

Each child in a list should have a unique "key" prop.
Check the render method of `RouteComp`. See https://react.dev/link/warning-keys for more information.

zenbrowser-inspect-errors

Your Example Website or App

https://github.com/nktnet1/rt-stack

Steps to Reproduce the Bug or Issue

  1. Set up the project

    pnpm dlx create-turbo@latest -m pnpm -e https://github.com/nktnet1/rt-stack example-project
    
    cd example-project
    pnpm install
    pnpm env:copy-example
    
    # Start a local postgres instance in the background (e.g. using docker)
    docker compose up db --detach
    
    # Push drizzle schema to your database
    pnpm db:push
  2. Start the dev server and open http://localhost:8085/register in your browser

    pnpm dev
    
  3. Register an account and go to the posts page. Create a new post.

  4. Make any edits in ./apps/web/src/routes/_protected/posts/index.lazy.tsx and save the file.

  5. Try hovering your mouse on the created post (or click on it). Observe the crash.

Expected behavior

Should not crash, similar to when there is no dev tools enabled in the video.

Screenshots or Videos

tanstack-router-dev-tools-crash.webm

Platform

Tested on:

  • OS:
    • MacOS
    • Linux (Arch)
  • Browser:
    • Zen Browser (firefox-based)
  • Version
    '@tanstack/react-router': ^1.109.2
    '@tanstack/router-devtools': ^1.109.2
    

Additional context

This is a monorepo (turborepo) - unsure if relevant.
I wasn't able to reproduce it on a freshly created tanstack router project (not turborepo).


Update: can't reproduce on Firefox/Chrome either - potential issue with Zen Browser?

@nktnet1 nktnet1 changed the title dev-tool dev-tool crashing on file changes Feb 21, 2025
@nktnet1 nktnet1 changed the title dev-tool crashing on file changes [bug] dev-tool crashing on file changes with "path is undefined" Feb 21, 2025
@nktnet1 nktnet1 changed the title [bug] dev-tool crashing on file changes with "path is undefined" [bug] dev-tool crashing with "path is undefined" (zen browser) Feb 21, 2025
@schiller-manuel schiller-manuel changed the title [bug] dev-tool crashing with "path is undefined" (zen browser) dev-tool crashing with "path is undefined" (zen browser) Feb 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants