react-material | Material design components written with React.js and React | Frontend Utils library

I am trying to write out a website with responsive-based app bar with a drawer tagged onto it. I am using this design found at https://medium.com/@tsubasakondo_36683/create-responsive-drawer-menu-with-react-material-ui-617a42764b69 and modifying it accordingly. But unfortunately, I am getting this issue, in which the drawer covers the portion of the content trying to be displayed. Please know that I have seen similar questions on this site, but I couldn't figure out how to solve them or the answers were kind of vague. Any help would be much appreciated, please let me know if I need to clarify anything further. All of this is using Material UI components.

Here is my code:

Material UI App-Bar

I would like to realize a console window like the console window in VS Code.

In VS Code, when we click Shift+Command+Y, a console window is opened below the code window. There are several features:

1. The whole window is divided into 2 parts. Both the code window and the console window can have their scroller on the right.
2. The appearance of the console window resizes the code window.
3. There is a horizontal splitter that could resize the console window (and the code window).

I tried to create a codesandbox. But it doesn't have Feature 2 and Feature 3.

Could anyone help?

I'm working on a React project and I'm trying to use this library(https://www.npmjs.com/package/react-image-gallery)

from npm And from the Documentation, they say we must add these instructions to import the CSS

my component

My Goal for this one is to Add ObjectId inside the array In my backend Im declare schema on this code:

I have an existing React Web application that uses a CSS Grid to layout the website, the look is:

I want to dynamically change Popper position on the screen with react-draggable.

Here's my code:

I am using react-material-dashboard to view stats for the Admin.

I want to show all my users in a table to view in the admin dashboard. I am using Express to get the users from my DB but when I run in the browser I get a GET http://localhost:3001/api/fetchUsers 404 (Not Found) error.

How can I display all my users in my react-material-dashboard?

What am I doing wrong?

here is my structure:

CustomersListResults.js:

Is there any way to replace the navigation icons of react-material-ui datepicker? I have tried a lot but nothing works.

goal

I have a multiple field that:

1. we can select users present in the autocompletion (a list that I retrieve via API)
2. We can enter the names of new users that we separate them with a comma

For that, I therefore need to retrieve the value of value and inputValue. For value, there is no problem but for inputValue, there is something that I do not understand

problem

When I modify the value of inputValue in onInputChange, its state is modified and reseted like that

information

I base on the example that material UI offers

Code in Sandbox

Code