react-data-table-component icon indicating copy to clipboard operation
react-data-table-component copied to clipboard

Getting mt is not a function error after v7.6.1 release

Open YogiDhingani27 opened this issue 1 year ago • 1 comments

I'm using version ^5.7.3 previously, and after 7.6.1 latest release, i encountered a mt is not a function error in our production environment.

image

Package version:

before

Changed the package version to fix the error:

after

Here is the component code of our component:

` import React from 'react'; import DataTable, { IDataTableProps, TableStyles } from 'react-data-table-component'; import CheckboxComp from '../Checkbox'; import CircularLoader from '../CircularLoader'; import { styledComponent, StyledNoDataComponent } from './DataTable.styled';

interface DataTableType extends IDataTableProps { dataEnable?: boolean; entityName?: string; fixedHeader?: boolean; fixedHeaderScrollHeight?: string; customStyleOveride?: Partial<TableStyles>; columns?: any; data?: any; selectableRows?: boolean; selectableRowsNoSelectAll?: boolean; loaderHeight?: string; defaultSortFieldName?: string; defaultSortDirection?: string; sortingFunction: Function; noDataMesg: string; onSelectedRowsChange?: (selected: { allSelected: boolean; selectedCount: number; selectedRows: any[] }) => void; }

const NoDataComponent = mesg => <StyledNoDataComponent> {mesg}</StyledNoDataComponent>;

const DataTables = ({ columns, data, selectableRows, selectableRowsComponent = CheckboxComp, onSelectedRowsChange, selectableRowSelected, fixedHeader = false, fixedHeaderScrollHeight = '100%', customStyleOveride = {}, progressPending, selectableRowsNoSelectAll = false, noDataComponent = NoDataComponent, loaderHeight, defaultSortFieldName, defaultSortDirection, sortingFunction, noDataMesg, }: DataTableType): JSX.Element => { return ( <DataTable columns={columns} data={data} defaultSortAsc={false} customStyles={{ ...styledComponent, ...customStyleOveride }} selectableRows={selectableRows} selectableRowsComponent={selectableRowsComponent} onSelectedRowsChange={onSelectedRowsChange} selectableRowSelected={selectableRowSelected} fixedHeaderScrollHeight={fixedHeaderScrollHeight} progressComponent={<CircularLoader height={loaderHeight} size="3rem" />} noDataComponent={noDataComponent(noDataMesg)} progressPending={progressPending} selectableRowsNoSelectAll={selectableRowsNoSelectAll} onSort={sortingFunction} sortServer persistTableHead ></DataTable> ); };

export default DataTables; ` This issue is resolved by removing the ^ sign from package version (by installing package with 5.7.3 version)

I don't know for which prop or change this error is coming i just resolved it by changing the package version.

If you're taking such changes in new release then you have to mention these breaking changes into the release docs.

YogiDhingani27 avatar Jan 12 '24 18:01 YogiDhingani27

please try 7.6.2

jbetancur avatar Jan 12 '24 18:01 jbetancur