Merge pull request #2 from AhaOfficial/develop

fix: SSR 시 class 내에서 다른 store 의 참조 오류 문제 수정

README.md

@@ -2,7 +2,7 @@
 
 <br/>
 
-<center><b>📮 넥스트 틀 버전:</b> 2021-Apeach-1.0.0</center>
+<center><b>📮 넥스트 틀 버전:</b> 2021-Apeach-1.0.1</center>
 
 <br/>
 <br/>

core/universal-state.tsx

@@ -383,7 +383,7 @@ export const useSSR = async <
   const pagePrefetcher = (appContext.Component as any).onPrefetch
   if (typeof pagePrefetcher !== 'undefined') await pagePrefetcher(appContext)
 
-  return process.browser ? stores : makeStateJSON(stores)
+  return stores
 }
 
 /**

interfaces/service.ts

@@ -26,5 +26,5 @@ export type ServiceContext = AppContext & {
   ctx: ServicePageContext
 }
 
-export interface IUser {
-}
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface IUser {}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-template",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "scripts": {
     "dev": "BROWSERSLIST_IGNORE_OLD_DATA=true next -p 3000",
     "build": "BROWSERSLIST_IGNORE_OLD_DATA=true next build",

pages/_app.tsx

@@ -8,7 +8,7 @@ import { observer } from 'mobx-react'
 
 // * 서비스 관련 파일들을 불러옵니다.
 import Stores from 'stores'
-import { StoreProvider, useSSR } from 'core/universal-state'
+import { makeStateJSON, StoreProvider, useSSR } from 'core/universal-state'
 import LayoutDefault from 'components/layouts/Default'
 import Favicon from 'components/head/Favicon'
 import nextSeoConfig from 'next-seo.config'
@@ -110,11 +110,14 @@ const Page = observer(({ Component, pageProps }) => {
  */
 App.getInitialProps = async (context) => {
   // 매 서버 요청마다 상태 저장소 정보를 별도로 구성합니다.
-  const stateJSON = await useSSR(context, Stores)
+  let stateJSON = await useSSR(context, Stores)
 
   // 기존 getInitialProps 를 실행합니다.
   const appProps = await NextApp.getInitialProps(context)
 
+  // JSON 내 순환 참조를 방지합니다.
+  if (!process.browser) stateJSON = makeStateJSON(stateJSON)
+
   return { ...appProps, stateJSON } as AppInitialProps
 }