Skip to content

[Start] Pages with non-Latin characters in the route path are not rendered in TanStack Start #4608

@Mrahmani71

Description

@Mrahmani71

Which project does this relate to?

Start

Describe the bug

I’m building a project in Persian, which is a non-English language that uses a non-Latin alphabet. Today I noticed that pages with non-Latin characters in their route paths — like the example below:

import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute('/تست')({
  component: RouteComponent,
})

function RouteComponent() {
  return <div>Hello "/تست"!</div>
}

are not being rendered.

And in the browser console, only this code/message is shown:

<html><head></head><body></body></html>

Your Example Website or App

https://github.com/Mrahmani71/test-tanstack-start

Steps to Reproduce the Bug or Issue

After installing the packages and running the project, go to the following link — you’ll see that the page doesn’t render.

http://localhost:3000/%D8%AA%D8%B3%D8%AA

Expected behavior

I expected this page to render just like other pages with Latin characters and display its content correctly.

Screenshots or Videos

No response

Platform

  • Start Version: 1.125.6
  • OS: Windows
  • Browser: Brave
  • Browser Version: 1.80.120 / Chromium: 138.0.7204.101
  • Bundler: Vite
  • Bundler Version: 6.3.5

Additional context

I didn’t have this issue with tanstack-router — the page was displayed correctly.

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