Main Route in Outlet

export const Route = new FileRoute("/dashboard").createRoute({
  beforeLoad: ({ context }) => {
    const ctx = context as typeof store;
    const { data } = ctx.getState().app.user;
    if (!data) {
      throw redirect({
        to: "/login",
        search: {
          redirect: location.href,
        },
      });
    }
  },

  // IF I DO ANOTHER REDIRECT HERE I CREATE A LOOP AND THE WEBSITE CRASH

  component: Dashboard,
});

export default function Dashboard() {
  return (
    // SHOULD THIS BE A _layout? 
    <Box className="main">
      <Header />
      <HStack>
        <Sidebar />
        <Box
          className="main-content"
          px={48}
          py={56}
          h="full"
          alignSelf="flex-start"
        >
          <Outlet /> 
        </Box>
      </HStack>
    </Box>
  );
}