material UI 반응형 설정

import { Hidden } from '@material-ui/core';
import DesktopView from './Desktop';
import MobileView from './Mobile';

...
<Layout>
  {/* 모바일 설정 */}
  <Hidden mdUp implementation="js">
     <MobileView list={users} query={query} setQuery={setQuery} />
  </Hidden>
      
  {/* 데스크탑 설정 */}
  <Hidden smDown implementation="js">
     <DesktopView list={data.filter((item) => item.code === query.tab)} query={query} setQuery={setQuery} />
  </Hidden>
</Layout>