Skip to content

App breaks when route params contain pipe character(i.e "|") #6288

Closed

Description

@monarcode

Which project does this relate to?

Start

Describe the bug

I am facing a bug where pipe symbol i.e "|" breaks app when navigating to a dynamic route that contains the symbol as param, e.g a string like "ER|2024FHTd"

This seems to only be happening in tanstack start, not router.

You can navigate to the route via link without Breaking how ever, if you reload page afterwards or try to navigate directly to it, app breaks

Your Example Website or App

https://tanstack-start-param-issue.vercel.app/

Steps to Reproduce the Bug or Issue

  1. Create a dynamic route in tanstack start app e.g $reference.tsx
  2. Create a link or button that navigates to /$reference with a pipe symbol in the param value
  3. Navigate to route via link/button - navigation works,
  4. Reload page after navigation or navigate directly to the page by entering the url - app breaks, shows ERR_TOO_MANY_REDIRECTS

Expected behavior

Route should not break when navigating to a dynamic route with pipe

Screenshots or Videos

Image

Platform

  • Start Version: [e.g. 1.121.0]
  • macOS
  • Browser: Chrome
  • Browser Version: 143.0.7499.170
  • Bundler: vite
  • Bundler Version: 7.1.7

Additional context

No response

Activity

  1. nlynzaad commented on Jan 5, 2026

    @nlynzaad
    Contributor

    @monarcode would it be possible to share the source of the linked project so I can reliably recreate the error and test the proposed solution in #6293

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions