Исправление бага с Suspense, lazy в React
<pre>Просьба не писать с советами от GPT и подобных моделей, они проблему решить не смогут.<br><br>import {Suspense} from "react";<br>import {Appbar} from "@/widgets/Appbar";<br>import {Outlet} from "react-router-dom"<br>import {PageLoader} from "@/pages/PageLoader";<br><br><br>export const NavbarLayout = () => {<br> console.log('NavbarLayout rendered');<br> return (<br> </pre><div><br> <br> }><br> <br> <br> </div><br>);<br>};<br><br>
<br>import {createBrowserRouter, RouterProvider} from "react-router-dom";
import {routeConfig} from "@/shared/config/routeConfig/routeConfig";
import {PageError} from "@/pages/PageError";
import React from "react";
import {NavbarLayout} from "@/app/layouts/NavbarLayout";
const routes = createBrowserRouter([
{
element: ,
errorElement: ,
children: [
{
path: routeConfig.main.path,
element: routeConfig.main.element
},
{
path: routeConfig.rooms.path,
element:
routeConfig.rooms.element
},
{
path: routeConfig.profile.path,
element: (
routeConfig.profile.element
)
},
{
path: routeConfig.auth.path,
element: (
routeConfig.auth.element
)
},
],
},
{
path: routeConfig.not_found.path,
element: routeConfig.not_found.element,
},
]);
const AppRouter = () => {
return
}
export default AppRouter;<br>
<br>все routePath.*.element сделаны через lazy:<br><br>import { lazy } from "react";
export const MainPageAsync = lazy(() => import('./MainPage'));<br><br><br>в аппбаре есть ссылки через NavLink на страницы, когда я кликаю на них, то не вижу лоадера, а просто грузится на фоне и потом резко показывается.<br>Что только не перепробовал.<br>Может кто сталкивался с таким.<br><br>tg: @noname_td<br><br>Просьба не писать с советами от GPT и подобных моделей, они проблему решить не смогут.<br><br><br>
10.02.2025 в 16:53
Перейти к оригиналу
