Material UI DateRangePicker 사용중 타입 에러가 발생했다.
방법은 공식문서에 나와있다.
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를 넣었다.