Next.js Version.12

1. ServerSideRender + TanStack - Query

page에 ServerSideProps 값을 지정 해주면 하위 Component에 적용

export const getServerSideProps = async () => {
	const queryClient = new QueryClient()

	await queryClient.prefetchQuery({
		queryKey: ["ex"],
		queryFn: exData,
	})

	await queryClient.prefetchQuery({
		queryKey: ["ex2"],
		queryFn: exData2,
	})
	return {
		props: {
			dehydratedState: dehydrate(queryClient),
		},
	}
}