How to remove vertical scroll bar

Question

I want to remove this white scroll space, but i'm not able to do this. I can't make the display none because after that it will not scrollable for some users having mouse.

"&::-webkit-scrollbar": {
            display: "none",
      },

Answer 1

For hide scroll in your page you must add this:

CSS:

body{
   overflow: hidden; 
}

And add js for blcok scroll with mouse :

function preventScroll(e){
    e.preventDefault();
    e.stopPropagation();

    return false;
}
document.querySelector('body').addEventListener('wheel', preventScroll);