import React from 'react' ; import { Switch , Redirect , Route } from 'react-router-dom' ; import { useBreadcrumbs } from '../common/hooks/use_breadcrumbs' ; import { LiveQueries } from './live_queries' ; import { SavedQueries } from './saved_queries' ; import { Packs } from './packs' ; const OsqueryAppRoutesComponent = ( ) => { useBreadcrumbs ( 'base' ) ; return ( < Switch > < Route path = { `/packs` } > < Packs /> < /Route> < Route path = { `/saved_queries` } > < SavedQueries /> < /Route> < Route path = "/live_queries" > < LiveQueries /> < /Route> < Redirect to = "/live_queries" / > < /Switch>); } ; export const OsqueryAppRoutes = React . memo ( OsqueryAppRoutesComponent ) ;