유니온 타입 eslint 체크 오류

[doggopawer]

문제상황
아래와 같이 타입을 정의했고,

import { PriceRange } from '../item'

export type SuggestionType = 'POKE' | 'OFFER'
export type SuggestionStatus = 'WAITING' | 'ACCEPTED' | 'DECLINED'
export type DirectionType = 'RECEIVE' | 'SEND'

export interface SuggestList {
  suggestionId: string
  cardId: string
  cardTitle: string
  itemName: string
  priceRange: PriceRange
  thumbnail: string
  suggestionType: SuggestionType
  suggestionStatus: SuggestionStatus
  createdAt: string
  directionType: DirectionType
}

아래와 같이 코드를 작성했을시 SuggestCheckCard에 데이터를 넘겨줬을때 타입을 잘못 인식하는 문제가 발생합니다.

const suggestList = {
  suggestionId: '4',
  cardId: '2',
  cardTitle: 'string',
  itemName: 'string',
  thumbnail:
    'https://cdn.cetizen.com/CDN/market/market_large_crop/202203/20220318/220318152808_1_2913635.jpg',
  suggestionType: 'POKE',
  suggestionStatus: 'WAITING',
  priceRange: '10만원대' as PriceRange,
  createdAt: '2023-11-09T13:38:44',
  directionType: 'RECEIVE',
}

const SuggestListPage: FunctionComponent<SuggestListPageProps> = ({}) => {
  return (
    <div>
      <PageTitle title="물건 목록" />
      <SuggestCheckCard suggestList={suggestList} />
    </div>
  )
}

type SuggestCheckCardProps = {
  suggestList: SuggestList
}
const SuggestCheckCard = ({
  suggestList: {
    suggestionId,
    cardId,
    cardTitle,
    itemName,
    priceRange,
    thumbnail,
    suggestionType,
    suggestionStatus,
    createdAt,
    directionType,
  },
}: SuggestCheckCardProps) => {
  return (

이하 생략

오류 메시지는 다음과 같습니다.

'{ suggestionId: string; cardId: string; cardTitle: string; itemName: string; thumbnail: string; suggestionType: string; suggestionStatus: string; priceRange: PriceRange; createdAt: string; directionType: string; }' 형식은 'SuggestList' 형식에 할당할 수 없습니다.
  'suggestionType' 속성의 형식이 호환되지 않습니다.
    'string' 형식은 'SuggestionType' 형식에 할당할 수 없습니다.

아무리 봐도 SuggestionType 은 POKE | OFFER 두가지 문자열을 받는 타입이고
suggestionList 객체의 suggestionType은 'POKE' 라는 문자열인데 왜 'POKE'를 string으로 인식하는지 이해가 가지 않습니다.

혹시 이 문제를 아시는 분이 계신가요?