import React from 'react'
import { withCache } from '@qse/router-cache'
import { useRoutes } from 'react-router-dom'

const List = withCache(() => <div>list</div>)
const Item = () => <div>item</div>

const APP_ROUTES = [
  {
    path: '/list',
    element: <List />,
    children: [{ path: ':id', element: <Item /> }],
  },
]

const App = () => useRoutes(APP_ROUTES)

export default App