react-admin error 수정

에러코드

Warning: React does not recognize the `basePath` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `basepath` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

에러가 발생하여 찾아보니 table태그를 사용할 때 에러가 발생하였다. stackoverflow와 공식문서를 찾아보니 React에서 합법적인 DOM 속성 ㅐㄱ 속성으로 인식되지 않는 소품으로 DOM 요소를 렌더링하려고하면 unknown-prop 경고가 발생한다. DOM요소에 허위 요소가 떠다니지 않도록 해야한다는 것인데 이는 Fragment(<></>)를 사용하여 해결하면 된다.

      <table>
        <TableHead>
          <TableRow>
            <TableCell>메인 카테고리</TableCell>
            <TableCell>서브 카테고리</TableCell>
          </TableRow>
        </TableHead>
        <TableBody>
          <TableRow>
            <TableCell>
              <SelectInput source='category' choices={toChoices(setMain)} />
            </TableCell>
            <TableCell>
              <SubInput source='subName' />
            </TableCell>
          </TableRow>
        </TableBody>
      </table>