본문 바로가기
IT/react

React - Error: ReactDOMServer does not yet support Suspense.

by 내일은교양왕 2023. 6. 22.

원인
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