React JS Jest-тестирование инварианта Нарушение Действительный элемент React должен быть возвращен

Question

Я выполняю модульный тест Jest на родительском компоненте, у которого есть дочерний компонент, который выдает следующее сообщение об ошибке

Инвариантное нарушение: MyChildComponent (...) Действительный элемент React (или ноль) должен быть возвращенным. Возможно, вы вернули undefined, массив или какой-то другой недопустимый объект.

Когда я закомментирую MyChildComponent внутри родительского компонента, модульный тест пройдет.

MyChildComponent работает нормально, когда страница отображается, но только в модульном тесте, эта ошибка появляется.

Я посмотрел другой пост, и да, у меня есть div и его компоненты заключены в скобки. Я не уверен, как решить эту проблему, чтобы пройти тест или есть другой способ написать его.

Я не уверен, почему он работает в обычном режиме, и только в шутливом тестировании выдает эту ошибку.

Спасибо,

Здесь приведен код MyChildComponent React

export default function MyChildComponent(props) {
  return (
    <div>
      <table>
       <tr>
        <td>
         <Button id="btn1" className="btn-primary-outline" onClick={props.setFunction}>
         {MyButtonLabel}
         </Button>
        </td>
       <tr>
      </table>
    </div>
  );
}