github.com/pingcap/tiflow@v0.0.0-20240520035814-5bf52d54e205/dm/ui/src/App.tsx (about) 1 import React from 'react' 2 import { Provider } from 'react-redux' 3 import { BrowserRouter, useRoutes } from 'react-router-dom' 4 5 import { routes } from '~/routes' 6 import { store } from '~/models' 7 8 function RoutingApp() { 9 const elements = useRoutes(routes) 10 return <div className="h-screen w-screen flex">{elements}</div> 11 } 12 13 function App() { 14 return ( 15 <Provider store={store}> 16 <BrowserRouter basename="dashboard"> 17 <RoutingApp /> 18 </BrowserRouter> 19 </Provider> 20 ) 21 } 22 23 export default App