[Bug]: "Element type is invalid" when testing Line chart with react testing library #1218

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `TestChart`.

import { Line } from 'react-chartjs-2';

const TestChart = () => {
    const chartData = {
        labels: [2010, 2011, 2012, 2013],
        datasets: [
            {
                label: 'All Species',
                data: [1, 5, 10, 20],
                borderColor: '#009344',
                backgroundColor: '#009344'
            }
        ]
    };

    return <Line data={chartData} />;
};

export default TestChart;

import { render } from '@testing-library/react';
import TestChart from '../components/TestChart';

describe('TestChart.tsx', () => {
    it('should render', () => {
        const component = render(<TestChart />);
        expect(component).toBeTruthy();
    });
});