TypeError: Utils is not a constructor (Material UI)

tkddls8848·2022년 2월 6일
0

NARA-API

목록 보기
13/17

Material UI DateRangePicker 사용중 타입 에러가 발생했다.

방법은 공식문서에 나와있다.

Requirements

This component relies on the date management library of your choice. It supports date-fns, luxon, dayjs, moment and any other library via a public dateAdapter interface.

Please install any of these libraries and set up the right date engine by wrapping your root (or the highest level you wish the pickers to be available) with LocalizationProvider:

컴포넌트 사용을 위한 라이브러리가 최상위 위치에서 감싸야 한다는 말이다.
즉, 나의 경우 _app.js에서 최상위 컴포넌트의 Provider를 추가해야 한다.

_app.js

import MomentUtils from '@date-io/moment'

    <LocalizationProvider dateAdapter={MomentUtils}>
      <Header></Header>
      {loading ? <Load></Load> : <Component {...pageProps}/>}
      <Footer></Footer> 
    </LocalizationProvider>

백앤드에 Moment를 사용중이라서 dateAdapter에 Moment를 넣었다.

profile
매일 배워 나갑니다.

0개의 댓글