Material-UI : 그리드 정렬이있는 지원되지 않는 비 단위없는 선 높이. 대신 단위없는 줄 높이 사용

많은 ReactJs 프로젝트에서 그중 하나가 아래 오류를 던지고 있습니다.

Error: Material-UI: unsupported non-unitless line height with grid
alignment. Use unitless line heights instead.

에서 lineHeight를 정의하는 동안 px아래 코드는 다음과 같습니다.

const breakpoints = createBreakpoints({});

let theme = createMuiTheme({
     typography: {
        allVariants: {
            fontFamily
        },
        h1: {
            fontWeight: 600,
            fontSize: 26,
            lineHeight: '32px',
            [breakpoints.down("sm")]: {
                fontSize: 18,
                lineHeight: '26px',
            }
        },
        h2: {
            fontWeight: 600,
            fontSize: 20,
            lineHeight: 28 / 20
        },
        h3: {
            fontWeight: 600,
            fontSize: 16,
            lineHeight: '22px',
            [breakpoints.down("sm")]: {
                fontSize: 14,
                lineHeight: '20px',
            }
        }
    }
})

위의 예에서, 내가 변경하는 경우 lineHeight의 h1나 h2에 px값이 오류가 발생합니다,하지만에 대한 오류가 발생하지 않습니다 h3오히려 내가 년은 lineHeight을 정의 px또는 단위가없는 값입니다.

h1in의 lineHeight를 정의했기 때문에 오류가 발생하는 위 코드는 px아래 코드로 변경하면 작업을 시작합니다.

h1: {
    fontWeight: 600,
    fontSize: 26,
    lineHeight: 32 / 26
},

왜 이런 일이 일어나는지 알려주세요. 검색했지만 StackOverflow에서 관련 문제를 찾지 못했습니다.