Uncaught TypeError: onPageChange is not a function

danielsann99 commented 3 years ago

Hi,

In my table when I switch pages and rows it doesn't work

At the moment of rendering the content of the table is present, even the functions are all functional, outside the page switch and the selection of the rows to be displayed.

console error{ Warning: Failed prop type: The prop onPageChange is marked as required in ForwardRef(TablePagination), but its value is undefined }

console error{ Warning: Unknown event handler property onChangePage. It will be ignored. }

console error{ index.js:1 Warning: Unknown event handler property onChangeRowsPerPage. It will be ignored. }

at each click of the icon to change the page or select the lines to be displayed, the following error is printed in the console

Uncaught TypeError: onPageChange is not a function.

here is my code..

const columns = [

{
    name: "id",
    label: "ID",

},
{
    name: "createdAt",
    label: "Data",
    options: {
        filter: true,
        sort: true,
    }
},
{
    name: "dest_nominativo",
    label: "Destinatario",
    options: {
        filter: true,
        sort: true,
    }
},
];

const options = {
    filter: true,
    filterType: "dropdown",

    customToolbarSelect: (data, item) => {
        return (
            <div style={{paddingRight:10}}>
                <Button type="submit" variant='outlined' color='primary'
                    onClick={() => {
                        calcoloArrayID(data)
                    }}>
                    Convalida
            </Button>
            </div>
        )
    },
    onChangeRowsPerPage: (data) => {

    },
    onRowSelectionChange: (data) => {

    },

    onRowClick: (data) => {
        history.push({ pathname: '/customer/dashboard/spedizione', state: { code: 1, id: data[0] } });
    }
};
                 <MUIDataTable
                        title={"title"}
                        data={data}
                        columns={columns}   
                        options={options}
                       />

-->

|--------------|---------| | Material-UI | | MUI-datatables | 3.7.7 | | React | js | | browser | chrome/safari | | etc | |

danielsann99 commented 3 years ago

Hello, I tried to reproduce the error with code sandbox, the error arises only when I install the dependencies: "@ emotion / react": "^ 11.4.0", "@ emotion / styled": "^ 11.3.0",

I leave you the sandbox link here, you can notice that the selection of the lines remains does not work.

---> https://codesandbox.io/s/sparkling-wind-dtji1?file=/src/App.js:0-1977