hi i am working with MDBDatatable but i am getting an error when i am trying to display data when component did mount. Each time i navigate to the route, the DataTable is working but when the component did mount or i am refreshing the page, it shows me this error

here is my code

import React from 'react';
import { MDBDataTable } from 'mdbreact';

class ProductDataTable extends React.Component {
    render() {
        const {products} = this.props;
        const data = {
            columns: [
                {
                    label: 'Id',
                    field: 'id',
                    sort: 'asc',
                    width: 150
                },
                {
                    label: 'Titre',
                    field: 'title',
                    sort: 'asc',
                    width: 270
                }
            ],
            rows: products
        };

        return (
            <MDBDataTable
                striped
                bordered
                hover
                data={data}
            />
        );
    }
}

export default ProductDataTable;