nursing-lime

Created nested route under index?

react

I have a file structure where I have

/files

/files

and

/files/folder/$folderId

/files/folder/$folderId

. These are not nested, and are represented by the folder structure:

- files.tsx
- files/
  - index.tsx
  - folder.$folderId.tsx

- files.tsx
- files/
  - index.tsx
  - folder.$folderId.tsx

files.tsx

files.tsx

file handles the shared layout between all files routes. The two files under the

files

files

folder handle the unique logic and components for files at the root and files that exist within a folder. The problem is, I want a route for viewing a preview of a file nested under

index.tsx

index.tsx

. Such that

index.tsx

index.tsx

has an outlet and it still renders as expected and has additional components rendered within it. However, it still needs to stay separate from

folder.$folderId.tsx

folder.$folderId.tsx

. Is this possible? I could probalby move everything in

index.tsx

index.tsx

to a pathless layout unique to it and the nested route, but then

index.tsx

index.tsx

would end up empty, which seems wrong.

Also for clarification, I am using file based routing.

TanStack•3w ago

nursing-lime

Created nested route under index?

react

I have a file structure where I have

/files

/files

and

/files/folder/$folderId

/files/folder/$folderId

. These are not nested, and are represented by the folder structure:

- files.tsx
- files/
  - index.tsx
  - folder.$folderId.tsx

- files.tsx
- files/
  - index.tsx
  - folder.$folderId.tsx

files.tsx

files.tsx

file handles the shared layout between all files routes. The two files under the

files

files

folder handle the unique logic and components for files at the root and files that exist within a folder. The problem is, I want a route for viewing a preview of a file nested under

index.tsx

index.tsx

. Such that

index.tsx

index.tsx

has an outlet and it still renders as expected and has additional components rendered within it. However, it still needs to stay separate from

folder.$folderId.tsx

folder.$folderId.tsx

. Is this possible? I could probalby move everything in

index.tsx

index.tsx

to a pathless layout unique to it and the nested route, but then

index.tsx

index.tsx

would end up empty, which seems wrong.

Also for clarification, I am using file based routing.

Created nested route under index?

Similar Threads

Created nested route under index?

Similar Threads

Similar Threads

Similar Threads