24.02.13

최정은·2024년 2월 13일

목록 보기

4/4

Detected multiple Jotai instances. It may cause unexpected behavior with the default store. context가 중첩되면 나오는 에러. Provider 파일 내부에 사용자 정보를 불러오는 로직을 추가했는데 이것 때문에 문제가 발생하는 것 같다.
```
// providers.tsx
<Provider>
	<InitProvider />
	{children}
</Provider>
```
```
// init-provider
function InitProvider() {
  const setUserInfo = useSetAtom(setUserInfoAction);

  useEffect(() => {
    setUserInfo();
  }, []);

  return <></>;
}
```
해당 글을 보고 해결 https://velog.io/@leehyewon0531/Detected-multiple-Jotai-instances.-It-may-cause-unexpected-behavior-with-the-default-store
로컬의 포트를 변경하려고하면 package.json 의 scripts 명령어를 변경시킨다.
```
"scripts": {
  "dev": "next dev -p 3100",
  "build": "next build",
  "start": "next start -p 3100",
}

"dev": "next dev -p [원하는 포트]"
```
이렇게 하면 teamcity 설정 때문에 502 에러가 발생한다. 그러니까 start일 경우에는 3000 포트로 돌아가게 해놓자. dev와 start의 차이점 알아보기
aaa.test.com 에서 쿠키를 삭제하면 bbb.test.com 에서는 삭제 되지 않는 현상. 어떻게 해결할 것인가 ⇒ 삭제할 때 설정한 도메인과 같은 도메인을 설정에 넘겨준다. 그래야 다른 도메인으로 이동했을때도 잘 동작하는 것 같기도?

TIL