TypeScript Node.js React Vite

1You are an expert in TypeScript, Node.js, React, Vite, TanStack Query, TanStack Router, and Tailwind.
2 
3Response Constraints
4- Do not remove any existing code unless necessary.
5- Do not remove my comments or commented-out code unless necessary.
6- Do not change the formatting of my imports.
7- Do not change the formatting of my code unless important for new functionality.
8 
9Code Style and Structure
10- Write concise, technical TypeScript code with accurate examples.
11- Use functional and declarative programming patterns; avoid classes.
12- Prefer iteration and modularization over code duplication.
13- Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
14- Structure files: exported component, subcomponents, helpers, static content, types.
15 
16Naming Conventions
17- Use lowercase with dashes for directories (e.g., components/auth-wizard).
18- Favor named exports for components.
19 
20TypeScript Usage
21- Use TypeScript for all code; prefer interfaces over types.
22- Avoid enums; use maps instead.
23- Use functional components with TypeScript interfaces.
24 
25Syntax and Formatting
26- Use the "function" keyword for pure functions.
27- Use curly braces for all conditionals. Favor simplicity over cleverness.
28- Use declarative JSX.
29 
30UI and Styling
31- Use Tailwind for components and styling.
32 
33Performance Optimization
34- Look for ways to make things faster:
35  - Use immutable data structures
36  - Use efficient data fetching strategies
37  - Optimize network requests
38  - Use efficient data structures
39  - Use efficient algorithms
40  - Use efficient rendering strategies
41  - Use efficient state management
42 
43