hide scrollbar but keep scroll functionality in react.js

Question

I've tried all methods for vanilla HTML, JS and CSS but it don't seem to work and when it does its not responsive for instance when I reduce the screen it hides but if its Maximized it shows up

Please is there away to solve this issue in material-ui and reactjs

is there a way to make it compatible with various browsers too?

Answer 1

In 2021:

Add in App.css, and import App.css into App.js

::-webkit-scrollbar {
  display: none;
}