React Redux Datatable failed to initialise

React Redux Datatable failed to initialise

I'm trying to using this package on my Redux React project.&nbsp;<a href="https://www.npmjs.com/package/react-redux-datatable" target="_blank">https://www.npmjs.com/package/react-redux-datatable</a>&nbsp;,

I'm trying to using this package on my Redux React project. https://www.npmjs.com/package/react-redux-datatable ,

i have installed this package.

Like on their readme, I add reducer to my store:

import { DataTableReducer } from 'react-redux-datatable';

and i create some component for displaying table:

import React, { Component } from 'react'
import DataTable from 'react-redux-datatable';
import 'react-redux-datatable/dist/styles.css';


const apiLocation = 'https://jsonplaceholder.typicode.com/users';

const tableSettings = { tableID: 'BasicDataTable', keyField: 'request_id', tableColumns: [ { title: 'Ref', key: 'request_id', }, { title: 'First Name', key: 'first_name', }, { title: 'Last Name', key: 'surname', }, { title: 'Email Address', key: 'email', }, ], };

export default class userTable extends Component { render() { return ( <div> <DataTable tableSettings={tableSettings} apiLocation={apiLocation} /> </div> ) } }

And when i go to browser my table rendering with no data and then show me error:

The table failed to initialise. Please check you are connected to the internet and try again.

I think here is something need to change in tableSettings but what i don't know exactly.

this key properties are what return from API? i tried to change them with what exactly return from https://jsonplaceholder.typicode.com/user but i'm getting same error

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

An intro to Redux and how state is updated in a Redux application

I started learning Redux a few days back and it was an overwhelming concept for me at the start. After polishing my skills in ReactJS by making a&nbsp;<a href="https://github.com/aimenbatool/my-reads" target="_blank">personal book reading application</a>, I headed towards Redux to learn more about it.

React Boilerplates with Redux, Redux Saga and Best Practices

React Boilerplates with Redux, Redux Saga and Best Practices