queryString에 관하여

Question

http://test.com?auth=true&data={endPoint:/auth,data:{email:test@test.com,name:홍길동}}

const query = queryString.parse(window.location.search);

query 사용해서 data안에 객체로 되어있는 정보들 중 data안에 email 정보(test@test.com)을 뽑아오려면 어떻게해야하나요?

const query = queryString.parse(window.location.search);
console.log(query.data,query.data) //query.data까지는 뽑히는데
console.log(query.data.data, query.data.data) //undefined

그래서
const parsedData = JSON.parse(query?.data); //JSON형식
const email = parsedData.data.email; //test@test.com 정보가 뽑혔어요!

하지만 query?.data에서 에러가 납니다.

**error 메세지
No overload matches this call.
  Overload 1 of 2, (text: string, reviver?: ((this: any, key: string, value: any) => any) | undefined): unknown, gave the following error.
    Argument of type string | (string | null)[] | null is not assignable to parameter of type string.
      Type null is not assignable to type string.
  Overload 2 of 2, (text: string, reviver?: ((this: any, key: string, value: any) => any) | undefined): any, gave the following error.
    Argument of type string | (string | null)[] | null is not assignable to parameter of type string.
      Type null is not assignable to type string.

query?.data에서 위와 같은 에러가 납니다.. 
query?.data의 type은 JSON형식 아니고 string입니다.

console.log(query?.data) // {endpoint:/auth,data:{email:test@test.com,name:홍길동}}

string에서 email을 뽑아야할까요?..
JSON형식으로 가져올순 없을까요?

에러 원인 및 피드백 부탁드립니다.

김도열 · Answer

이런 식이면 될 것 같습니다.

익명 · Answer

타입 정의로 해결했습니다.