All Questions
Tagged with react-bootstrap reactjs
3,540 questions
2
votes
2
answers
30
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
97
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
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
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
0
votes
1
answer
67
views
react-bootstrap 5.3.3 offcanvas-backdrop element of offcanvas is not removed on click on closeButton
I am using react-bootstrap in v5.3.3 in a single side application. A form is shown in a offcanvas which is flying in from the right side of the screen.
It works as expected when the offcanvas is ...
- 87
1
vote
0
answers
39
views
bootstrap navigation toggle not working with react
I am using react-bootstrap version 5.3.3. Below is a code I wrote in an attempt to build the navigation for my react app. For some reason, the navbar toggler button appears but does not seem to be ...
- 11
0
votes
1
answer
71
views
Why is my boostrap button stretching down when clicked on?
I have a bootstrap login page component that I am using for a react project. However, I have noticed that whenever I click on the login button, it stretches all the way down and I am not sure why it ...
