2024 12 31 프론트 이슈 대응 - To-Letter/To-Letter-front GitHub Wiki

0. [완료]버셀 배포 루트 페이지 404 에러
1. [완료]날씨 외부 api env 키 인식 오류
2. Parallel Routes 처리된 modal창 오픈시 부모(root) 페이지 깜빡임(리랜더링) 현상 발견
   
   
   

• next.confige.js, three 외부 라이브러리로 인식하게 하여 해결

  webpack: (config) => {
    config.externals = config.externals || {};
    Object.assign(config.externals, {
      three: "THREE",
    });
    return config;
  },

• key 자체에는 문제가 없는 것을 확인
• 버셀 환경 변수 쪽 확인 -> 개별 등록이 씹힌 것 같아 파일로 추가
  
  
  
  

버셀 이슈(Parallel Routes Loading UI Displaying Parent Loading)

1. 버셀 깃허브에서 저희와 같은 사례로 등록된 이슈를 확인할 수 있었는데, 위 글에 따르면 next@15 버전에서는 해당 이슈가 확인되지 않는다고 합니다.
2. 아시다시피 next 버전을 올리면 react와 react-router-dom 버전도 같이 올려야 하는데, next@15의 경우 react@19를 사용해야 안정적이져.......
3. 하지만 react버전을 올리면 recoil 쪽에서 충돌이 납니다...

 ⨯ TypeError: Cannot destructure property 'ReactCurrentDispatcher' of 
'react__WEBPACK_IMPORTED_MODULE_0___default(...).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' as it is undefined.

4. 그 사이 recoil 에서 react@19 대응이 되었는지 확인하고자 이슈란을 확인했는데 아래와 같은 글만 확인하였습니다..

recoil 이슈(React 19 support)

1. next버전을 올리는 것 외에, 다른 해결 방안 찾기
2. 상태 관리 라이브러리 교체