From 30181908eebbc2bcf5fb32d24f93f75a385b0d19 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 8 May 2024 15:25:43 -0700
Subject: [PATCH] Fixed missing pageSizeOptions prop for data grid

---
 Client/src/Pages/Demo/Demo.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/Client/src/Pages/Demo/Demo.jsx b/Client/src/Pages/Demo/Demo.jsx
index a9c5ab5c6..d810efd54 100644
--- a/Client/src/Pages/Demo/Demo.jsx
+++ b/Client/src/Pages/Demo/Demo.jsx
@@ -64,7 +64,7 @@ const rows = ((count) => {
       name: {
         avatarImage: i % 2 === 0 ? avatarImage : null,
         firstName: "Placeholder Name",
-        lastName: i,
+        lastName: i.toString(),
       },
       status: "Active",
       role: "Product Designer",
@@ -180,7 +180,7 @@ const Demo = () => {
         </FormControl>
       </div>
       <h4>Table</h4>
-      <div style={{ width: "50vw" }}>
+      <div style={{ width: "75vw" }}>
         <DataGrid
           autoHeight
           columns={cols}
@@ -190,6 +190,7 @@ const Demo = () => {
               paginationModel: { page: 0, pageSize: 10 },
             },
           }}
+          pageSizeOptions={[5, 10]}
         />
       </div>
       <h4>Tabs</h4>