Slots and nested routes

[redBaron23]

Hey I've this folder structure, but for some reason that I don't get it, when I try to access to /profile/settings, it shows me a 404. What could be the reason?

app/
├── profile/
│   ├── layout.tsx
│   ├── @authenticated/
│   │   └── page.tsx
│   ├── @unauthenticated/
│   │   └── page.tsx
│   └── settings/
│       └── page.tsx

My layout do this:

import { auth } from "@/lib/auth";
import { type PropsWithChildren } from "react";

type Props = PropsWithChildren<{
  authenticated: React.ReactNode;
  unauthenticated: React.ReactNode;
}>;

export default async function Layout({
  authenticated,
  unauthenticated,
  children,
}: Props) {
  const session = await auth();

  const isLoggedIn = !!session?.user?.name;

  return (
    <>
      {isLoggedIn ? authenticated : unauthenticated}
      {children}
    </>
  );
}

[redBaron23]

Maybe it could help someone, I've moved the settings, inside the authenticated, and now is working

[redBaron23]

Now I'm having anotheri issue, when I press f5 on that page /profile/settings, it shows me a 404, but if I try to console log, each one on the layouts, and that page itself is calling it

[redBaron23]

I feel like a "pelotudo", but anyway, this could help someone like me.
After looking at , I realized that what I'm doing is a hard refresh, so nextjs cannot determine in which slot my tab is, so it'll look for a default.tsx on the slot that doesn't have a settings folder, and as children is another slot, it will look for that default