Пытаюсь написать тест кастомного хука. Не удаётся создать моковый HTMLElement

Вот код:

import { renderHook } from '@testing-library/react';
import { fakeOffer } from '../utils/mocks';
import useMap from './use-map';

const fakeCurrentCity = fakeOffer.city;
const map: HTMLElement = <div style={{height: '100%'}}></div>;
const mapRef: React.MutableRefObject<HTMLElement | null> = { current: map };

describe('Hook: useUserAnswers', () => {
  it('should return map Element with heigh 100%', () => {
    const {result} = renderHook(() =>
      useMap(mapRef, fakeCurrentCity),
    );

    expect(result.current).toHaveHeight(100);
  });
});

При попытке создать искусственный HTML Element получаю следующую ошибку: Type 'ReactElement<any, any>' is missing the following properties from type 'HTMLElement': accessKey, accessKeyLabel, autocapitalize, dir, and 277 more.ts(2740)

Как создать моковый HTML элемент, чтобы я мог передать его аргументом в кастомный хук?

Это мой первый тест хуков, нам толком не объяснили как его написать и есть подозрение что тут не правильно всё от начала и до конца. Но для начала хотелось бы решить первую проблему с const map.