कैसे प्राप्त करने के लिए मार्गों से दूसरे स्थान/समारोह में प्रतिक्रिया-रूटर-डोम v6?

मैं कोशिश कर रहा हूँ प्रतिक्रिया रूटर V06, लेकिन एक समस्या का सामना जहां मैं कोशिश कर रहा है, यह नीचे इस तरह से लेकिन हर मार्गों और पृष्ठ रिक्त हैं ।

कोड:

// Main App Function
    const App = () => {
      return (
        <Router>
          <Fragment>
            <Navbar />
            <Routes>
              <Route index strict path="/" element={<Landing />} />
      **{/* Here I want to render paths from other function*/}**
              <Route element={<AppRoutes />} />
            </Routes>
          </Fragment>
        </Router>
      );
    };
    
    export default App;
    
    // In AppRoutes Function
    const AppRoutes = () => (
      <section className="container">
        <Routes>
          <Route strict path="login" element={<Login />} />
          <Route strict path="register" element={<Register />} />
          <Route path="*" element={<NotFound />} />
        </Routes>
      </section>
    );
    
    export default AppRoutes;