next.js 13 (2) 썸네일형 리스트형 Next.js 13 - Warning: Prop `style` did not match. Server 오류 오류 메세지는 아래와 같다. Warning: Prop `style` did not match. Server: "display:inline-block;background-color:red;width:15px;height:15px;margin:2px;border-radius:100%;animation-fill-mode:both;animation:react-spinners-GridLoader-grid 0.6140239847719086s -0.18597601522809143s infinite ease" Client: "display:inline-block;background-color:red;width:15px;height:15px;margin:2px;border-radius:100%;animation-fill.. Next.js 13 - ReferenceError: window is not defined 오류 오류 메세지는 아래와 같다. ReferenceError: window is not defined api 모듈에서 window객체에 있는 함수를 사용하였는데 서버 컴포넌트에서는 당연히 사용할 수 없지만 클라이언트 컴포넌트에서도 오류가 발생하였다. 문제 발생 원인 // window is not defined error export const commonApi = { getUserOs() { const userOs = window.navigator.userAgent.replace(/ /g, '').toLowerCase(); ..... ..... ~ ..... ..... }, }; 위의 getUserOs 함수를 클라이언트 컴포넌트에서 사용하였다. export default function App() { // g.. 이전 1 다음