[React 18] A component suspended while responding to synchronous input. (2)
Error 오류 잡기 2023. 3. 27. 10:02

🤔 어떤 에러가 발생하였을까? 이전 글을 참고하면 좋다. https://programmerplum.tistory.com/199 [React 18] A component suspended while responding to synchronous input. (1) 🤔 어떤 에러가 발생하였을까? SignUpPC라는 부모 컴포넌트 안에 SignUpButton라는 자식 컴포넌트가 있다. 회원가입 버튼 클릭 시, SignUpButton 컴포넌트 안에서 Naver maps Geocoding을 통한 경도, 위도 정보 programmerplum.tistory.com 이전 글에서 { naver } = window; 위처럼 전역 변수로 네이버 객체를 가져오는 것 대신, const navermap = useNavermaps..

[React 18] A component suspended while responding to synchronous input. (1)
Error 오류 잡기 2023. 3. 20. 09:29

🤔 어떤 에러가 발생하였을까? SignUpPC라는 부모 컴포넌트 안에 SignUpButton라는 자식 컴포넌트가 있다. 회원가입 버튼 클릭 시, SignUpButton 컴포넌트 안에서 Naver maps Geocoding을 통한 경도, 위도 정보 가져오는 기능을 구현하던 도중, 다음과 같은 에러가 발생하였다. 에러 메시지 Uncaught Error: A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition. at thro..

[Vite] vite.config.ts 오류 : 'UserConfigExport' 형식에 'rewrites'이(가) 없습니다.
Error 오류 잡기 2022. 10. 3. 17:51

오류 평소와 같이 vite 프로젝트를 배포하던 도중, vite.config.ts 파일에서 에러가 발생했다. 에러 메시지는 다음과 같다. '{ plugins: PluginOption[][]; base: string; rewrites: { source: string; destination: string; base: string; }[]; }' 형식의 인수는 'UserConfigExport' 형식의 매개 변수에 할당될 수 없습니다. 개체 리터럴은 알려진 속성만 지정할 수 있으며 'UserConfigExport' 형식에 'rewrites'이(가) 없습니다. ts(2345) 분명 vite.config.js 에서는 잘 되던 코드가 .ts 에서 되지 않는 것이다. WHY? Vite config 인터페이스는 Vites..

[React] 'react-scripts'은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
Error 오류 잡기 2022. 7. 27. 01:22

제로베이스 예제 코드를 복사해서 npm start를 했을 때, 아래와 같은 오류가 발생했다. 이런 오류를 해결하는 방법을 포스팅 하려고 한다. 문제점 package.json 을 살펴보면 다음과 같은 예시의 스크립트를 볼 수 있는데, 이때문에 react-scripts 명령어가 실행되는걸 볼 수 있다. package.json npm "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, 해결 방법 1) 제 프로젝트에 react-scripts 설치하기 - npm npm install -save react-script..

[React] ReactDOM.render vs create Root in React 18
Error 오류 잡기 2022. 7. 1. 00:26

리액트 18에서 ReactDOM.render 함수를 사용하고 npm start를 했는데, 다음과 같은 에러 메시지가 콘솔창이 띄워졌다. Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot How to Upgrade to React 18 – React Blog As we shared in the release post, React 18 introduces fe..

[Node.js][StackoverFlow] Fatal error in , line 0# Fatal JavaScript invalid size error 169220804
Error 오류 잡기 2022. 4. 6. 11:17

제로베이스 JavaScript 05)기본문제풀이 - 무한뺄셈.js 알고리즘을 풀다가 이 에러가 나타났다. 처음 보는 에러여서 구글링을 했고 나와 같은 오류를 발생한 stackoverflow 사용자를 찾았다. 아직 내 오류를 해결하지 못했지만, 이 사람의 게시글을 번역하며 이 에러에 대해 이해해보려고 한다. 질문 : The code consists of making an array from a range of numbers and / as well having a third argument / in which it indicates the steps from the numbers, / if it has a step of 2 well for example it goes from [1,3,5] the code..