약!

type mm = {
  eee?: Maybe<string> | undefined;
}

export type IQuery = {
  ddd?: Maybe<mm>
}

interface IBb {
  data: Pick<IQuery, "fetchBoard">
}


export default function Aa(props) {
  return (
    <Bb data={props.data} />
  )
}

// defaultValue 밑에 초장이 깔린다
export default function Bb(props:IBb) {
  return (
    <input type="text" defaultValue={props.data?.ddd?.eee}>
  )
}
// defaultvalue 가 요구하고 있는 타입 :
// string | number | readonly string[] | undefined

// defaultValue 와 props.data?.ddd?.eee 의 타입을 맞추기 위해
// 공통 타입으로 통일
export default function Bb(props:IBb) {
  return (
    <input type="text" defaultValue={props.data?.ddd?.eee || undefined}>
  )
}
// 타입을 일치시키면 되기 때문에 실제 들어가는 값은과는 관련이 없다