How to implement demand loading in React Typescript using webpack version 4.16.3

as in the question, is there any third-party plug-in that can load on demand?
the current Router code is as follows:

import * as React from "react";
import {HashRouter,BrowserRouter,Router,Route,Switch,Link,Redirect} from "react-router-dom";
import {Provider} from "react-redux";
import configureStore from "../store/configureStore";

import Hello from "../views/Hello";
import Home from "../views/Home";
import NotFound from "../views/NotFound";



const store = configureStore();

const App =()=>(
    <Provider store={store}>
        <HashRouter>
            <Switch>
                    <Route exact path="/" component={Home} />
                    <Route path="/Hello" 
                        component = {Hello}
                    ></Route>
                    <Route path="/Home" 
                        component = {Home}
                    ></Route>
                    <Route path="/NotFound"
                      component = {NotFound}
                    ></Route>
                     
                    <Redirect exact path="*" to="/NotFound"></Redirect>
            </Switch>
        </HashRouter>
    </Provider>
)
export default App;

how to load on demand

Apr.02,2021

ides/code-splitting" rel=" nofollow noreferrer "> https://reacttraining.com/rea.

there is a way to write code segmentation on the document

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e9d9e4-196d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e9d9e4-196d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?