TanStack/router
View on GitHubSolidJS Router DevTools Props Not Compatible with React's JSX Types
Open
#4,658 opened on Jul 15, 2025
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
- Define props on the
toggleButtonPropsproperty on<TanStackRouterDevtools />in React. - 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