Lazy loading routes instead of components

<Routes>
            <Route path='/*' component={MainLayout}>
                <Route path='/' component={Home} />
                <Route path="/privacy" component={Privacy} />
                <Route path="/tos" component={ToS} />
                <Route path="/shards" component={Shards} />
                <Route path="/commands" component={Commands} />

                <Route path="/profile" data={UserRouteData}>
                    //...
                </Route>

                <Route path="/admin" component={AdminLayout}>
                    //...
                </Route>

                <Route path="/admin/updates/new" component={CreateUpdate}/>

                <Route path="/blogs">
                    //...
                </Route>

                <Route path="/dashboard" component={ServerPanel}/>
                <Route path="/dashboard/:guildID" component={DashboardLayout} >
                    //...
                </Route>
            </Route>
        </Routes>