본문 바로가기 메뉴 바로가기

Dug_House

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Dug_House

검색하기 폼
  • 분류 전체보기 (85)
    • 개발 (57)
      • Frontend (37)
      • DevOps (1)
      • 개발일지 (12)
      • IT 교양 (4)
      • Tools (3)
    • 자기개발 (28)
      • Book (19)
      • 일상 및 생각 (7)
  • 방명록

Prop style did not match (1)
Prop style did not match. (feat. Next.js, fullcalendar, SSR)

문제 상황 Warning: Prop `style` did not match. Server: "null" Client: "min-width:;height:" 원인 Next.js는 SSR을 하기에 서버에서 생성된 컴포넌트와 CSR로 클라이언트에서 생성된 컴포넌트의 클래스명이 서로 달라지게 된다. 게다가 Fullcalendar라이브러리는 SSR을 지원하지 않는다. 해결법 그렇기에 클라이언트에서만 렌더링을 해야한다. Next.js에서 제공하는 dynamic import를 사용한다. export const CalendarPage = () => { const Calendars = dynamic(() => import('./components/Calendar'), { ssr: false, }); return ( );..

개발/개발일지 2022. 11. 17. 20:58
이전 1 다음
이전 다음
TAG
  • IP
  • 웹 접근성
  • lazyloading
  • 철학
  • Proxy
  • 프론트엔드
  • 궁금증
  • styled component
  • 도메인
  • SSG
  • editor
  • 성능최적화
  • Section
  • Next
  • React
  • base64
  • Typescript
  • s3
  • SSR
  • 선언적 프로그래밍
  • server
  • HTTP
  • 실용주의 프로그래머
  • NextJS
  • Next.js
  • 브라우저
  • CSR
  • https
  • 노션
  • toast
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
글 보관함
«   2025/06   »
일 월 화 수 목 금 토
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
반응형

Blog is powered by Tistory / Designed by Tistory

티스토리툴바