초기 데이터 받아와서 뿌려주기 (edit)

1. useQuery를 이용하여 data를 graphql에서 받아옴

const {loading, data, } = useQuery(QUERY, { 
        variables: {
            input: {
                page,
        }}})

2. data를 필터링하여 containers 변수에 넣음

    const containers = data?.seeContainer.containers.filter(x=>x !== "발송/완료")

3. containers에 data가 들어오면 update를 실행하여 react-hook-form에 값을 자동입력 (props는 따로 저장된 데이터를 받아옴)

   useEffect(()=>{
        if(containers){
            setValue('containerId', props?.container?.id)
        }
    }, [containers])

4. containerId 에 들어온 값이 변경됨을 확인

  <select id="promo"  type="text" 
  {...register(`containerId`, {valueAsNumber:true,})} >
  {containers?.map((el)=>
  (<option key={el.id} 
     value={el.id}>{el.name}
   </option>
  ))}
  </select>