// Controller : 

return Inertia::render('Users',[

  'users'  => User::paginate()->through(fn($user) => [ // use through() function

      'id'    => $user->id,

      'name'  => $user->name,

      'email' => $user->email

  ]),

]);

​

// ReactJS Component : 

import React from 'react'

import { Link } from '@inertiajs/react';  

​

const Users = ({ users }) => {   

  return (

    <>  

          <h1>Users List:</h1> 

          {/* users.data to access data in db */}

          {

            users.data.map(user => (<div key={user.id}>{user.name}</div>))

          }  

          {/* users.links for pagination */}

          {

            users.links.map(page => (<Link href={`${page.url}`}>{page.label}</Link>))

          } 

    </>

  )

}

​

export default Users