Как сделать нормальную загрузку страниц, убрать мигание?

Question

[luxurypluxury]

У меня есть компонент лоадера, и в самом роутере вставлен как fallback

<Suspense fallback={<Loader />}>
        <Routes>
          <Route path={'/'} element={<PrimaryLayout />}>
            <Route path={''} element={<Home />} />
            <Route path={'*'} element={<Error404 />} />
            <Route path={'dresses'} element={<Products />} />
            <Route path={'dresses/:id'} element={<Product />} />
            {isAuth && <Route path={'checkout'} element={<Checkout />} />}
            {isAuth && <Route path={'profile/'}>
              <Route path={'account'} element={<Account />} />
              <Route path={'wishlist'} element={<WishList />} />
              <Route path={'settings'} element={<Settings />} />
              <Route path={'reviews'} element={<MyReviews />} />
              <Route path={'orders'} element={<MyOrders />} />
              <Route path={'notifications'} element={<Notifications />} />
              <Route path={'shipping'} element={<Shipping />} />
            </Route>
            }
          </Route>
          {!token && (
            <>
              <Route path={'/register'} element={<Register />} />
              <Route path={'/login'} element={<Login />} />
            </>
          )}
        </Routes>
      </Suspense>

Проблема заключается в том что если страница допустим быстро грузится то лоадера не видно и она быстро промигивает что очень не приятно, а страницы которые грузятся долго все хорошо. Возможно как-то можно это решить через транзишн?