How to create a new router with parameters? i.e An Item details page items/17893629378

[ChrisSQL]

First Check

• I added a very descriptive title here.
• I used the GitHub search to find a similar question and didn't find it.
• I searched in the documentation/README.
• I already searched in Google "How to do X" and didn't find any information.
• I already read and followed all the tutorial in the docs/README and didn't find an answer.

Commit to Help

• I commit to help with one of those options 👆

Example Code

Does anyone have an example of setting up a new route with this boilerplate. Im trying to follow TanStacks instructions to add a route with parameters but when i save it removes the parameters 


export const Route = createFileRoute("/events/$eventId")({
  component: Event,
  validateSearch: (search) => usersSearchSchema.parse(search),
});

when i save it refreshes and saves as

export const Route = createFileRoute("/events")({
  component: Event,
  validateSearch: (search) => usersSearchSchema.parse(search),
});

Whats the correct was of setting up a details page and using the $eventId parameter

### Description

Does anyone have an example of setting up a new route with this boilerplate. Im trying to follow TanStacks instructions to add a route with parameters but when i save it removes the parameters 

export const Route = createFileRoute("/events/$eventId")({
component: Event,
validateSearch: (search) => usersSearchSchema.parse(search),
});

when i save it refreshes and saves as 

export const Route = createFileRoute("/events")({
component: Event,
validateSearch: (search) => usersSearchSchema.parse(search),
});

Whats the correct was of setting up a details page and using the $eventId parameter

### Operating System

macOS

### Operating System Details

mac

### Python Version

Python 3.9.6

### Additional Context

_No response_