4,040 questions
1
vote
2
answers
21
views
How to use useState to switch between 2 js files with Tabs
Currently working on a project and when clicked on the tab, it should change pages but for some reason its not changing. Only stuck on the overview page. Is there something I'm doing wrong?
import ...
-2
votes
0
answers
30
views
Bootstrap CSS adds unwanted whitespace to both sides of my layout [closed]
I’m trying to use a Bootstrap button in my React project by importing the Bootstrap CSS like this:
import 'bootstrap/dist/css/bootstrap.min.css';
And rendering a simple button:
<Button variant=&...
0
votes
0
answers
25
views
React Bootstrap burger menu dont close after clicking on a link [duplicate]
I have a responsive navbar that collapses to a burger menu. When I open that burger menu and click on a link, it's still open until I click on its icon again. I'd like it to close automatically when a ...
- 1
-1
votes
0
answers
44
views
Why does this react-bootstrap DropdownButton menu not properly load only on the first click?
I'm working on the Snow Today code repository over at https://nsidc.org/snow-today/snow-viewer and have run into a very confusing and frustrating bug.
If the website is working, then you can click the ...
- 1
-2
votes
0
answers
95
views
Module not found: Error: Can't resolve 'components/ExampleCarouselImage
import Carousel from 'react-bootstrap/Carousel';
import ExampleCarouselImage from 'components/ExampleCarouselImage';
function UncontrolledExample() {
return (
<Carousel>
<...
0
votes
1
answer
36
views
NextJS - react-bootstrap getting error when using Form.Group
I am trying to play around with react-bootstrap with NextJS but immediately encountered error using Form.Group when trying to create a simple login page. I copied the below code from the official ...
- 3
0
votes
1
answer
39
views
Import Error: react-bootstrap/Table Not Found in NextJS
I've tried every possible solution—even with ChatGPT's help—but I'm still stuck. I have a container that holds two applications: a frontend app developed in NextJS (React) and a PostgreSQL database. ...
- 11
0
votes
1
answer
22
views
How can I disable a FormControl toolbar
I have a simple FormControl element that is meant to take user input.
The problem I have now is that the Chrome browser (I think) is enabling this keyboard toolbar when the user presses the input ...
- 5,046
0
votes
0
answers
48
views
React-Bootstrap not working properly after implementing lazy loading in React
I am using React-Bootstrap in my React app, and it was working fine until I implemented lazy loading for my components using React.lazy() and Suspense. After enabling lazy loading, React-Bootstrap ...
2
votes
2
answers
147
views
Unexpected Application Error! useNavigate() may be used only in the context of a <Router> component
I was following a tutorial:
https://www.youtube.com/watch?v=R4AhvYORZRY&t
and i came across a problem, where, the <LinkContainer /> got me that error, deleting it, fixed it, adding router to ...
1
vote
1
answer
28
views
Semantic markup in react-bootstrap
I am new to React and I would like to start using it right away with the react-bootstrap library. Now I am not sure how to integrate semantic element such as header, section and so on and use the ...
1
vote
0
answers
50
views
React-Bootstrap Error in Vite: "Cannot read properties of undefined (reading 'createContext')"
I'm working on a React project using Vite and React-Bootstrap, but I keep encountering the following error when running the app:
react-bootstrap.js:1415 Uncaught TypeError: Cannot read properties of ...
- 11
0
votes
1
answer
75
views
Unable to input negative sign in input field
I am new to React and I am trying to have a input field which can take values between -40 and 30. I am using Form.Control from react-bootstrap and below is my code
interface Range{
min: number,
max: ...
-1
votes
1
answer
100
views
Why doesn't my dropdown from React Bootstrap close
I'm trying to use a dropdown menu from React-Bootstrap and can't make it work. It doesn't close (and it's not vertical, only if I use CSS with display: flex and flex-direction: column)(I'm using 2.10....
- 11
-1
votes
1
answer
40
views
How to make an accordion colored?
I successfully made the inside of an accordion in React Bootstrap colored red, but its header remains non-red. Please, help to make the header red, too (it should be red when closed and light-red when ...
- 5,847