pro/src/layout/TreePageLayout.tsx

import React from 'react'
import { createLazyRoute, Outlet } from '@tanstack/react-router'

interface ITreePageLayoutProps {
    children: React.ReactNode

}

const TreePageLayout: React.FC<ITreePageLayoutProps> = (props) => {
    return (
            <>
                {props.children}
                <Outlet/>
            </>
    )
}

export const GenRoute = (id: string) => createLazyRoute(id)({
    component: TreePageLayout,
})