lazyLoadingRoutes After

App.jsx

import React from "react";
import { BrowserRouter, Route, Link, Switch } from "react-router-dom";
const AskPage = React.lazy(() => import("./AskPage"));

const App = () => {
   return (
      <BrowserRouter>
         <Link to="/ask">AskPage</Link>

         <Route exact path="/ask">
            <React.Suspense fallback={<div style={{ marginTop: "100px", textAlign: "center" }}>Loading...</div>}>
               <AskPage />
            </React.Suspense>
         </Route>
      </BrowserRouter>
   );
};

export default App;

AskPage.jsx

import React from "react";

export const AskPage = () => <h1> This is AskPage </h1>;

export default AskPage;