I have create a remix project with this command: npx create-remix project1

I have create this folder: "project1/app/routes/customer/"

I have create these 2 files:

project1/app/routes/customer/index.tsx:

export default function DefaultPage() {
  return <h1>I am the default page</h1>;
}

project1/app/routes/customer/$id.tsx:

export default function IdPage() {
  return <h1>I am the ID page</h1>;
}

I am visiting my app with these urls:

"http://localhost:5173/customer/ " -> It works, I see the default page

"http://localhost:5173/customer/15" -> I see the default page too, instead of the ID page.