react-boot | Spring Boot Bootstrap React Webpack SockJS | Application Framework library

In my form, I want toggle buttons. The following code is copied from react-bootstrap docs on toggle buttons. However, the radio-button circles are displaying when they should be hidden. How do I hide them?

I'm new to React and am attempting to set up a Bootstrap modal to show alert messages.

In my parent App.js file I have an error handler that sends a Modal.js component a prop that triggers the modal to show, eg:

On App.js:

On react-router-dom v 5.2.0 the import of useHistory returns "undefined" (even in the console.log())

Basically i'm trying to build a optionMenu Navbar that let me link to another route, for example homepage.

This is my optionMenu.jsx File:

I'm using jest to test a react TypeScript app.

This is the test I'm running:

Please i'm getting this error from @mui/material library, I have checked the package.json of the mui/system and it has alpha exported in it.

I have an ASP.NET 6 app with ReactJS, created some time ago using Visual Studio 2022 ASP.NET Core with React.js template.

The ClientApp is a React app created with create-react-app.

I've updated my react-scripts package to version 5.0.0 (from 4.0.3). One of the significant changes, AFAIK, is that it uses webpack 5 now.

Since this update, when I launch the ASP.NET app (using the standard run configuration which launches both the ASP.NET app and React app), the hot reload is not refreshing the browser automatically as soon as I make changes in any React files. If I hit the browser's refresh button or F5 manually, I can see the changes. The only change is that the browser doesn't refresh itself after a change in React file has been made.

I'm on Windows 11.

That's my current package.json:

Hi I know this is probably a stupid question but what does this error mean in relation to my app.js file? It didn't appear until I ran my local server. Was working fine prior.

I have a dropdown with 2 possibles menus that can reach each others by clicking on some dropdown items. By adding autoClose='outside' I fixed the problem of untimely closing when clicking somewhere in the dropdown main menu. But since I have another menu, once it's showed, the first time I open it, the autoClose doesn't really work, instead, it's as if it was never set, close the whole dropdown, and when I reopen it, go in the secondary menu for the second, this 'bug' doesn't occur again on this menu, but occurs when I go back in the first one etc..

I suspect it's because autoClose only works on the current selected menu, in the example below it works with the main menu and does not in the secondary menu first then, as described above, when I reopen the dropdown it shows directly the secondary menu, works, and once I go back in the main menu, it doesn't.

This is basically the code I'm running.

my privateroute is not redirecting afetr condition is satisfied. in my case when admin click on login it has to check wether token is in localstorage if there is not token then it has to redirect to login page and if token is there it has to redirect to home page. but without toke when i try to access the home page it is redirecting to login page but after login it is not redirecting to home page. Here is my code.

App.js