react-sidenav | React based Sidebar Navigation | Navigation library

Im trying to achieve when a sidebar collapse the body will make space for the sidebar and when it uncollapse

This is what it looks like when the sidebar uncollapse

enter image description here

and this is what it looks like when the sidebar collapse

enter image description here

My ReactJS project was working all fine till last week but from Sunday its giving below error on npm install:

I'm using react and I came across a side navbar that I like. However I cannot change it from the default red background colour. I tried making my own custom css, and trying entering className: bg-dark etc on any line possible and it isn't working? Can anyone help? Also here is a link to the side where I found this navbar: https://reactjsexample.com/react-side-nav-component/

Our React site has several component/pages that are basically CRUD processing: Collect several fields from the user, and on Submit store those fields as a database record. Today's issue is that a user can fill out several fields, getting those values stored in State, and then lose everything if they resize the screen for any reason. Apparently, "resize" automatically includes "refresh".

We want the new CSS to take effect (media-query for mobile vs desktop, for instance). But we don't want all our values in State to be cleared out, and the screen reset to the beginning.

Is it possible to get what we want?

A typical field is

I'm trying to use react-sidenav and go off of https://codesandbox.io/s/q9851xoymj to build something.

When I try to use the withRR4() function as is done in that example, I get the following error when I load the page. Object(...) is not a function and it happens on the const SideNav = withRR4()

I'm using "react-sidenav": "^3.1.3"

when trying to load application in IE11 it just shows blank screen and errors with syntax error

on this line

class App extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {

my package.json

I am using react-sidenav package to navigate around different components based on what's clicked. However, this is not working when I try implementing this functionality. Here is my SideNav component:

I want to use react-native-aes-crypto but it need react-native. I install it but it continue to say that it can't find it.

I have try to reinstall it, add his dependencies but nothing work.

My package.json:

I get that error when I want to display my nav from react-sidenav: Error stack-trace: https://hastebin.com/isiguweces.php

My class Navig.js whose contains my nav: https://hastebin.com/kanotegido.xml

And my App.js where it's use : https://hastebin.com/xiyikatice.scala