我希望我的SignIn组件能够自己渲染，而不需要渲染任何其他组件。
我怎么能这样做。
下面是我的app.js

function App() {
  return (
    <>
    <div className="App">
      <BrowserRouter>
        <Navbar />
        <Stack direction="row" spacing={1} justifyContent="flex-start" style={{ backgroundColor: "#f0f4f8" }} sx={{ borderTopColor: '#d9e2ec', borderTopStyle: 'solid', borderTopWidth: '0.1em' }}>
          <Sidebar />
          <div className='pages'>
            <Routes>
              <Route path="/api/jobs/:id" element={<JobSelectOne />} />
              <Route path="/" element={<Home />} />
              <Route path="/create" element={<AddJob />} />
              <Route path="/profile" element={<Profile />} />
              <Route path="/signin" element={<SignIn />} />
            </Routes>
          </div>
        </Stack>
      </BrowserRouter>
    </div>
</>