mongodb - Creating a reactjs pagination with grapql

Question

I am listing all my posts in my reactjs page with grapql query:

export const FETCH_POSTS_QUERY = gql`
  {
    getPosts {
      id
      body
      title
      createdAt
      username
    }

while in my reactjs page I have the following code:

         <div >
          <ul className="list-group list-group-flush ">
          {posts &&
            posts.map((post) => (
            <li className="list-group-item bg-white" key={post.id}>
            <Post post={post} />
            </li>
            ))}

            </ul>
            </div>

            )}

I want to create a pagination,I want to use this lib However here the date is given as an array:

   <DataTable
      keys="name"
      columns={columns}
      initialData={data}
      initialPageLength={5}
      initialSortBy={{ prop: 'city', order: 'descending' }}
    />

Is there any way I can give my data here as an array because I have it all wrapped in a div...

Please let me know if there is any way to do it,or if there is any other simple way to create a pagination.I use Mongodb to fetch the queries

question from:https://stackoverflow.com/questions/65833551/creating-a-reactjs-pagination-with-grapql

Answer 1

Waitting for answers