Smooth Route Transitions in TanStack Router

Hey everyone! I'm working on a chat application with TanStack Router and struggling with achieving smooth transitions between routes without unwanted remounting. Here's my situation:
Current Route Structure:

typescript// Three main routes:
/(app)/chat/                    // Chat index/landing page
/(app)/chat/new                 // New chat page  
/(app)/chat/$chatId             // Existing chat page

typescript// Three main routes:
/(app)/chat/                    // Chat index/landing page
/(app)/chat/new                 // New chat page  
/(app)/chat/$chatId             // Existing chat page

typescript// Three main routes:
/(app)/chat/                    // Chat index/landing page
/(app)/chat/new                 // New chat page  
/(app)/chat/$chatId             // Existing chat page

typescript// Three main routes:
/(app)/chat/                    // Chat index/landing page
/(app)/chat/new                 // New chat page  
/(app)/chat/$chatId             // Existing chat page

Smooth Route Transitions in TanStack Router

Similar Threads

Similar Threads

Similar Threads