원인
SSR를 위한 ReactDOMServer.renderToString 에서 Suspense 컴포넌트를 지원하지 않았기 때문
해결방법
브라우저에서 읽을 때와 Node에서 읽을 때를 구분지어서 코딩하면 된다.
새로운 컴포넌트를 만들고 그 안에 node일떄는 fallback 컴포넌트를, 아닐 경우 Suspense 컴포넌트를...
import React, { Suspense } from 'react';
const isBrowser = typeof window !== 'undefined';
const SuspenseWrapper = (props) => {
if (isBrowser) return <Suspense props={props} />
return props.fallback
};
export default SuspenseWrapper
'IT > react' 카테고리의 다른 글
React - useEffect vs useLayoutEffect (0) | 2023.06.23 |
---|---|
React - useCallback, useMemo 제대로 사용하자 (0) | 2023.06.23 |
React - useCallback (0) | 2023.06.22 |
React - forward ref (0) | 2023.06.22 |
React - memo (0) | 2023.06.22 |