Добавить новость
ru24.net
«Фрилансим»
Февраль
2025
1 2 3 4 5 6 7 8 9 10 11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

Исправление бага с Suspense, lazy в React

0
Просьба не писать с советами от GPT и подобных моделей, они проблему решить не смогут.

import {Suspense} from "react";
import {Appbar} from "@/widgets/Appbar";
import {Outlet} from "react-router-dom"
import {PageLoader} from "@/pages/PageLoader";


export const NavbarLayout = () => {
console.log('NavbarLayout rendered');
return (
<div className="content-page">
<Appbar/>
<Suspense fallback={<PageLoader/>}>
<Outlet/>
</Suspense>
</div>
);
};


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: <NavbarLayout/>, errorElement: <PageError/>, 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 <RouterProvider router={routes}/> } export default AppRouter;

все routePath.*.element сделаны через lazy:

import { lazy } from "react"; export const MainPageAsync = lazy(() => import('./MainPage'));


в аппбаре есть ссылки через NavLink на страницы, когда я кликаю на них, то не вижу лоадера, а просто грузится на фоне и потом резко показывается.
Что только не перепробовал.
Может кто сталкивался с таким.

tg: @noname_td

Просьба не писать с советами от GPT и подобных моделей, они проблему решить не смогут.



Moscow.media
Частные объявления сегодня





Rss.plus




Спорт в России и мире

Новости спорта


Новости тенниса
ATP

Во Франции на теннисном турнире ATP показали флаг России






В Казани отметили 46-ю годовщину победы Исламской революции в Иране

Путин: Стриженов был из тех творцов, для которых кинематограф — призвание

США "X" СПОСОБНА ОТРАВИТЬ СЕКРЕТНАЯ СЛУЖБА США? РИА НОВОСТИ, TIME, В.В. Путин, Дональд Трамп, Илон Маск. СПАСЕНИЕ ВОЗМОЖНО! Россия, США, Европа могут улучшить отношения и здоровье общества?!

Екатерина Реньжина стала бронзовым призёром «Русской зимы»