Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 항해99
- redux
- State
- css-in-js 버그
- 2번째
- thunk정리
- 두번째포스팅
- prop 'className' did not match
- nextjs13
- react-naver-map
- styled-component
- getElements
- UI컴포넌트설계 고민
- 설치 및 구조파악
- props
- 오랜만의회고
- WIL
- RCC
- 유사이터럴객체의차이
- react
- 언어학습2일차
- 컴파운드패턴 연습
- til
- 트러블슈팅
- 함수형업데이트
- useState
- 프로젝트회고
- 이미지로딩실패
- Promise
- RSC
Archives
- Today
- Total
목록css-in-js 버그 (1)
코딩을 박터지게 죽을때까지

사이드프로젝트로 GraphQL이랑 emotion을 사용하고 SSR/CSR을 좀 연습하고자 했다. 상황 NextJS13 을 설치하고 진행하는데 emotion을 설치하고 나니 기본 페이지조차 렌더링되지 않고 에러가 뜬다. 그동안 "use client" 명령으로 모두 CSR로 진행을 하다가.. 이게 무슨 의미가 있나 싶어서 어떻게든 해결해보고자 했다. 원인 NextJS 13버전은 버그가 있는데, CSS-in-JS가 지원되는 라이브러리가 한정적이다. CC에서 지원이 되네 안되네 하는데, 사실 그냥 라이브러리를 설치해서 패키지 등록되고 하면서 세팅들이 이루어지면, SSR에서 emotion 자체를 부르지도 않았음에도 에러가 뜬다. Hello world처럼 기본으로 제공되는 NextJS 로고 화면 조차 에러가 떠서 ..
React
2023. 7. 18. 23:40