2번째 렌더링떄 화면이 그려지는 현상

[조경진]

안녕하세요. 리액트 강의를 잘 듣던중 
const Detail = lazy(()=>import('./routers/detail.js'));
const Cart = lazy(()=>import('./routers/Cart.js'));
lazy 함수를 추가하고 나서 cart 페이지를 넘어가면 첫번째땐 그려지지 않고
새로고침을 해야지만 정상적으로 작동합니다. 
왜 그런지 알 수 있을까요?

import Detail from "./routers/detail.js";
import Cart from './routers/Cart.js'
정상동작하는 import

const Detail = lazy(()=>import('./routers/detail.js'));
const Cart = lazy(()=>import('./routers/Cart.js'));
정상동작하지 않는 import 

[codingapple]

navigate() 이용해서 잘 이동하셨나요

[조경진]

네네 경로는 문제가 없습니다. 

url 접속으론 문제가 없는데 click할떄만 오류가 나타나에요 ㅠㅠ.

[codingapple]

<Suspense>위치를 바꾸거나 useTransition 이런거 쓴게 있다면 치워봅시다

[글쓴이]

글