typescript nextjs에서 table을 썼더니 에러가 났다

에러난 코드 : table을 썼더니 에러가 남.. 

import InnerPageMenuBar from '../../components/inner-page-menu-bar';
import Layout from '../../components/layout';
import useLogic from './use-logic';
import styles from './index.module.scss';

const MyPage = () => {
  // const logic = useLogic();
  return (
    <Layout>
      <div className="announcementwrap">
        <InnerPageMenuBar title="관리자 정보"> </InnerPageMenuBar>
        <div className={styles['basic-info-text']}>기본정보</div>
        <table className={styles['mypage-table']}>
          <tr>
            <th>아이디</th>
            <td>
              <input type="text" />
            </td>
          </tr>
          <tr>
            <th>비밀번호</th>
            <td>
              <input type="button" value="변경" />
            </td>
          </tr>
        </table>
      </div>
    </Layout>
  );
};

export default MyPage;

이유는 바로바로!!! 

<tbody></tbody>안에 넣지 않아서 에러가 나는 것이다 ~~