[Material UI] Mui Dialog background-image 적용하는 법

사이드프로젝트에서 mui의 dialog component를 사용하고 있는데 background를 image로 적용해야하는 상황이 왔다. 일반적인 방법으로 적용이 안 되어서 꽤나 애먹었던 부분이다.
적용 방법은 정말 간단하다. Dialog의 속성값 중 PaperProps 속에 style을 아래와 같이 적용해주면 된다. 

 

📇 소스보기 

  <Dialog onClose={handleClose} open={open} PaperProps={{
    style: {
      backgroundImage:`url("/assets/img/${selectedValue.grt_img}.jpg")`,  
    },
  }}>
  <DialogTitle>{selectedValue.grt_title}</DialogTitle>
    <DialogContent>{selectedValue.grt_contents}</DialogContent>
    <Button onClick={()=> handleItemClick()}>닫기</Button>
  </Dialog>