"TestComponent" относится к значению, но здесь используется как тип. Возможно, вы имели в виду "typeof TestComponent"?

Есть некоторая функция, написанная на React JS. Хочу покрыть её тестами. Библиотека тестов - testing-library/react. Пытаюсь создать замоканый компонент в файле тестов, но тогда при написании:

return (
    <div onKeyDown={handleKeyDown}>
      <button>Tab 1</button>
      <button data-disabled>Plate</button>
      <button ref={plateRef}>Hidden</button>
      <button>Tab 2</button>
      <button>Tab 3</button>
    </div>
  );

появляется такая ошибка: Не удается найти имя "div".ts(2304) Я создал отдельный компонент ComponentTest:

import {KeyboardEvent, useRef} from 'react';
import {moveItemFocus} from '../utils/moveItemFocus';

const ComponentTest = () => {
  const plateRef = useRef<HTMLDivElement>(null);

  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {
    functionFoc(e, plateRef);
  };

  return (
    <div onKeyDown={handleKeyDown}>
      <button>Tab 1</button>
      <button>Tab 2</button>
      <button>Tab 3</button>
    </div>
  );
};
export default ComponentTest;

И теперь не получается его импортировать в файл с тестами, появляется след ошибка:""TestComponent" относится к значению, но здесь используется как тип. Возможно, вы имели в виду "typeof TestComponent"?ts(2749)" Как это можно решить?