next사용하는 프로젝트에 적용하려고 하는데 문제가 생겻습니다.

개발환경 :

React.js(최신), Next.js(최신), TypeScript, Emotion(Styled-component),chromBrowser

firebase설정과 사용부분만 배워보려고 강의 수강중인데

설정하고 hook제작하고 테스트 해보려는데 500에러가 납니다.

env문제인것 같아서 process.env.REACT_APP_API_KEY 이런 식으로 하니 이번엔
config파일 아래에 있는

const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
const appAuth = getAuth();
const appFireStore = getFireStore(app);

이 부분에 getAnalytics(app); 여기 부분에 에러가 나면서 window is undefined라는 에러가 나옵니다.

서버사이드 렌더링 과정에서 문제가 생기는 것인가요? 도저히 해결법을 모르겠어서 질문 남깁니다.