[v7] Why does route renders multiples times if multi level routes?

[4FunAndProfit]

Hello !

Is this expected behavior or not? I can't find out or understand why, so I'm wondering, especially about the performance part, perhaps?

Let's say you have a testroute:

import type { Route } from "./+types/test";

export function meta({}: Route.MetaArgs) {
  return [
    { title: "New React Router App" },
    { name: "description", content: "Welcome to React Router!" },
  ];
}

export default function Home() {
  console.log('rendered')
  return <></>;
}

If you have in level 1 the route as this:

export default [
    route('test', './test/test.tsx'),
] satisfies RouteConfig;

=> console log run 1 time in the browser console as expected

But if you have level 2 like this:

export default [
  route(':lang?', "./i18n/international-routes.tsx", [
    route('test', './test/test.tsx'),
    ]),
] satisfies RouteConfig;

=> console.log run in the browser console 2 times (???)

It is the same for level X it will console log X time (???)

Is it expected ?

Thanks a lot in advance :)