[ Next.js ] TypeError: Cannot set properties of undefined (setting 'nodeToRestore) 해결방법 알아보기

📍 TypeError: Cannot set properties of undefined (setting 'nodeToRestore) 해결방법 알아보기

Next.js에서 특정 컴포넌트를 호출하면 다음 에러가 뜨면서 정상적으로 렌더링이 되지 않는 이슈를 발견했다. 해당 컴포넌트는 adobe/react-spectrum의 react-aria/focus 패키지를 참조하고 있었다.

 

여러 가지 검색해 보다 development 단계에서 잠재적인 warning이나 bug를 찾도록 도와주는 react StrictMode가 원인인 것을 발견하고 next.config.js에서 reactStrictMode을 false로 변경했더니 작동이 잘 되었다. 혹은 React18을 17로 다운그레이드해도 정상 작동된다는 comment도 있으니 참고하면 도움이 될 것 같다.

// next.config.js

module.exports = {
  reactStrictMode: false,
}

Reference

1. Next.js - React Strict Mode
2. adobe/react-spectrum - issue #3515