'ParsedUrlQuery | undefined' 형식에 'userSeq' 속성이 없습니다.

getServerSideProps에서 context를 가져올 때 타입에러가 발생할 경우, 확장시켜서 사용한다.

export const getServerSideProps: GetServerSideProps = async (context) => {
  const { userSeq } = context.params; 
  //'ParsedUrlQuery | undefined' 형식에 'userSeq' 속성이 없습니다.ts(2339)


	...
};

 

이때 query는 string으로 받기 때문에, userSeq가 number로 와야할 경우, 형 변환을 따로 해주는 게 좋다.

import { ParsedUrlQuery } from 'querystring';

export const getServerSideProps: GetServerSideProps = async (context) => {
  interface IParams extends ParsedUrlQuery {
    userSeq: string;
  }

  const { userSeq } = context.params as IParams;

 ...
};

 

 

참조:

https://wallis.dev/blog/nextjs-getstaticprops-and-getstaticpaths-with-typescript