react-sidebar | A sidebar component for React | Content Management System library

  I'm using codesandbox.io for my application and it returns error TypeError: (0, _react.default) is not a function. This main App.js code was working fine until I tried to import useState from react, like this.

So I was working on building functionality for a table on this practice application i'm working on and I started having some weird issues with my buttons not working. In it's current state, the button in the table works, but the button at the top of the page does not work. If I delete the button at the top of the page the button in the table will stop working. The button in the table will also stop working if I remove any of the other 's in the table. I'm pretty stumped as to what could be causing this. If I place any or either of the buttons into the custom Sidebar component they work just fine. I'm new to using hooks so i'm wondering if it's some kind of scope or binding issue but I can't find any results that seem to match this issue using functional components. Apologies for the long file, the top button is at the top near the return statement, the table button is at the bottom of the table towards the bottom of the returned div.

Edit: Here is a link to the project in codesandbox.io I had to rip out the sign in process which hopefully wasn't related In codesandbox.io the top button still doesn't work unless it's in the sidebar but it does not affect the bottom button

https://codesandbox.io/s/inspiring-lichterman-i2688?file=/src/components/Dashboard.js:2867-2924

I use https://codesandbox.io/s/github/SabuShakya/React-Sidebar-Using-Material-UI/ one as reference, i want to update the background of appbar to #ffb74d,

I have checked lots of answers, the answer works for me in other project I tried,but the same method can't help in this one, I don't know what's wrong here

The following code is what I added in MiniDrawer.js, it doesn't work as expected

I am trying to use Vanilla Tilt in my React app with the following example: https://codesandbox.io/s/vanilla-tilt-with-react-n5ptm

My code looks like this:

How can I build my project so I can put it wherever I want? For example, I would love to see it on, if it's possible, XAMPP?

Whenever I build my react app, index.html is empty.

Here is the whole project on GitHub: https://github.com/slabys/reacty.git

Whenever I use npm run build, my folder build is created with all the content:

index.html from build: https://pastebin.com/WSyAvrwu

package.json

I use gatsby-source-git to pull files from Github repository. It worked well, but I added some files into repository and I am not able to pull new files into my Gatsby project.

If I run this query in http://localhost:8000/___graphql:

I have two npm projects, one is a Gatsby project called web-project and another one is Express project called server-project.

This is the file structure of the projects:

I run project "react-app-rewired start" development mode. The project compiles without errors.

Next I edit any file in /src/* the project is recompiled, but does not respond to /src/view/* NO compilation!

Although if I kill and restart the demon "react-app-rewired start" the project will compile completely. Why is this happening?

package.json