Las pruebas unitarias en React requieren constructores o firmas de llamada.

Teniendo este componente de React:

import { Meta } from ‘@storybook/react’;

export function MyExample() {
return (

);
}

export default {
component: MyExample,
title: ‘MyExample’
} as Meta;

Quiero escribir algunas pruebas unitarias para ello, por lo que este es el enfoque:

import { render } from ‘@testing-library/react’;

import MyExample from ‘./MyExample.stories’;

describe(‘MyExample’, () => {
it(‘should render MyExample successfully’, () => {
const { baseElement } = render();
expect(baseElement).toBeTruthy();
});
});

Sin embargo, tiene un error. Una línea roja aparece debajo del argumento de render que indica:

El tipo de elemento JSX ‘MyExample’ no tiene ninguna firma de construcción o llamada

¿Alguna idea de cómo arreglar esto? Me mencionan que está hecho con TypeScript.