function AppWrap(props: { children: JSX.Element }) {
  ...
  console.log("called");
  return (
    ....
  );
}

export default function App() {
  return (
    <MetaProvider>
      <Router
        root={(props) => (
          <>
            <Suspense>
              <AppWrap>{props.children}</AppWrap>
            </Suspense>
          </>
        )}
      >
        <FileRoutes />
      </Router>
    </MetaProvider>
  );
}

function AppWrap(props: { children: JSX.Element }) {
  ...
  console.log("called");
  return (
    ....
  );
}

export default function App() {
  return (
    <MetaProvider>
      <Router
        root={(props) => (
          <>
            <Suspense>
              <AppWrap>{props.children}</AppWrap>
            </Suspense>
          </>
        )}
      >
        <FileRoutes />
      </Router>
    </MetaProvider>
  );
}

const [n,setN] = createSignal(0)
const n2 = () => n() * n()
setN(30)

const [n,setN] = createSignal(0)
const n2 = () => n() * n()
setN(30)

            <SessionProvider>
              <Show when={!useSession().loading}>
                <Routes>
                  <FileRoutes />
                </Routes>
              </Show>
            </SessionProvider>

            <SessionProvider>
              <Show when={!useSession().loading}>
                <Routes>
                  <FileRoutes />
                </Routes>
              </Show>
            </SessionProvider>