_authenticated.tsx doesn't work. | TanStack | Page 1

teal zenith Jul 18, 2024, 5:20 PM

#

I have the code in the attached screenshot in an _authenticated.tsx file in the "routes" directory but nothing happens.

past ginkgo Jul 18, 2024, 5:20 PM

#

do you have your routes in a _authenticated subfolder next to _authenticated.tsx?

teal zenith Jul 18, 2024, 5:21 PM

#

No, _authenticated.tsx is in the root of the routes folder.

past ginkgo Jul 18, 2024, 5:21 PM

#

then it won't work

teal zenith Jul 18, 2024, 5:21 PM

#

Oh.

past ginkgo Jul 18, 2024, 5:21 PM

#

routes need to be within the layout route

#

see this example

#

An example showing how to implement Authenticated Routes in React using TanStack Router.

teal zenith Jul 18, 2024, 5:22 PM

#

It doesn't say in the docs that I have to do that.

#

Thank you.

past ginkgo Jul 18, 2024, 5:22 PM

#

this does use the flat syntax (_auth.invoices.tsx for example)

teal zenith Jul 18, 2024, 5:49 PM

#

So I have to create an _auth.${route}.tsx for all routes?

#_authenticated.tsx doesn't work.