TanStack/router

SolidJS Router DevTools Props Not Compatible with React's JSX Types

Open

#4,658 opened on Jul 15, 2025

View on GitHub
 (3 comments) (0 reactions) (0 assignees)TypeScript (213 forks)batch import
good first issue

Repository metrics

Stars
 (4,419 stars)
PR merge metrics
 (Avg merge 2d 8h) (71 merged PRs in 30d)

Description

Which project does this relate to?

Router

Describe the bug

I'm able to set the style prop for the toggleButtonProps on the devtool component in React. However other props like className and aria-label do not appear to be set.

I don't know if this is a bug or not but it also seems that I have to reload the browser every time I make changes to those toggleButtonProps props that do work like style.

Your Example Website or App

https://stackblitz.com/edit/tanstack-router-5kmyiwxf?file=src%2Froutes%2F__root.tsx

Steps to Reproduce the Bug or Issue

  1. Define props on the toggleButtonProps property on <TanStackRouterDevtools /> in React.
  2. Observe that even on page reload certain props are not populated like className.

Expected behavior

As a user, I expect that when I set toggleButtonProps they are applied to the dev tools toggle button.

Screenshots or Videos

No response

Platform

  • Router / Start Version: 1.127.8
  • OS: macOS
  • Browser: Chrome
  • Browser Version: 138
  • Bundler: vite
  • Bundler Version: v6.3.5

Additional context

No response

Contributor guide