오류

Material UI의 TextField에 MenuItem을 사용할 때, 메뉴 아이템들이 텍스트필드 아래로 보여져야 하는데, 텍스트 필드를 가리면서 아이템이 출력됨.

해결

Material UI 버전 문제였다. 기존 v4에서는 material-ui/core에서 라이브러리를 가져왔는데, v5에서는 mui/material 에서 라이브러리를 가져다가 사용한다.

// v4 코드
import { TextField, MenuItem } from "@material-ui/core";

// v5 코드
import TextField from "@mui/material/TextField";
import MenuItem from "@mui/material/MenuItem";