Using remix 2.5.1, I want a dynamic route to be different than its parent...

[larry-barry]

I have the following routes:

app/routes/test.tsx
app/routes/test.$slug.tsx

However, for some reason when I go to: /test/my-slug -- it's rendering the same route as test.tsx which is not what I want.

How do I deal with this?

[larry-barry]

Ok nevermind. I figured it out and will post the solution here in case others can benefit:

Change the filenames to:

app/routes/test.tsx
app/routes/test_.$slug.tsx

The _ after test opts it out of the automatic layout nesting.

Documentation for reference:

https://remix.run/docs/en/main/file-conventions/routes#nested-urls-without-layout-nesting