typescript react for in loop

export interface GetUserAddressById {
  [index: string]: string | boolean;
  __typename: "Address";
  id: string;
  recipientName: string;
  postalCode: string;
  country: string;
  city: string;
  state: string;
  address: string;
  defaultAddress: boolean;
  phoneNumber: string;
}
export interface GetUserProfile {
  [index: string]: string | null | Date;
  __typename: string;
  id: string;
  email: string;
  firstName: string;
  middleName: string | null;
  lastName: string;
  birthday: string | Date | null;
  gender: string | null;
  nation: string;
  referrerCode: string | null;
  phoneNumer: string | null;
}

위와 같은 타입 선언이 있다.

        {Object.keys(getUserProfile).map((v) => (
          <Grid key={v} item>
            {getUserProfile[v]}
          </Grid>
        ))}

object[string] 형태로 값을 호출하기 위해선 해당 호출을 위한 타입을 지정해야 하는데 그게 바로

[index:string]:type 이다.