React MUI responsive Dashboard DataGrid Table, Delete, View, Edit advanced component for admin panel

This is the 18th part of React MERN couch surfing project. In this video we added a responsive dataGrid table to manage the rooms in the system. And We added also the action to view the details of the room and the action to delete the room from our database in MongoDB and to delete the images related to this room from our firebase storage using helper (utils) function.
Reactjs
Material UI (MUI5)
@mui/x-data-grid
Firebase Storage
Nodejs
Expressjs
Mongoose
MongoDB

The whole videos playlist of the project:

Source Code on github:

00:00 Introduction
05:46 Building rooms responsive dataGrid Table
12:39 Building rooms actions View, Delete, Edit
14:19 Adding View functionality
17:59 Adding Delete functionality

[mohammedabujayyab]

How to handle multiple rows edit at once ?

[syedsohailahmed]

can you make a video when you click on row it should take us to the new component where it shows the details of user

[robert-mihaiadam]

Hello! Do you know if you can create a multiple dropdown select ?

[freespeech]

I am working on making crud with x-datagrid for all my tables. i use only 1 file for all tables. And its only 100 lines. All these coding videos dont show how to create one table crud. waste

[GechB]

MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string.
how to fix this error i got it when I run the server