import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './main.css'
import { createBrowserRouter, RouterProvider } from 'react-router-dom'
import { Home } from './pages/index.jsx'


const router = createBrowserRouter([
  {
    path: '/home',
    element: <Home></Home>,
    children:[
      {
        path: "team",
        element: <App></App>,
        //loader: teamLoader,
      }
    ]
  },
  {
    path: '/form',
    element: <App></App>
  }
])
ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <RouterProvider router={router} />
  </React.StrictMode>,
)

When I go for /Home it show Home component but when /Home/team it don’t show App component it show Home component

I want to routing like module concept in Angular.