All Questions
Tagged with react-bootstrap next.js
78 questions
0
votes
1
answer
37
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
58
views
Why is Navbar component from react-bootstrap not being imported in my NextJS App?
I am currently building a project on [email protected] app, with react v 18.3.1. I have installed react-bootstrap 2.10.6 and bootstrap 5.3. However, I am running into a problem where using Navbar component ...
- 101
0
votes
1
answer
91
views
React bootstrap causes build failed
I'm working on a Nextjs project with React bootstrap. It was working fine until today, somehow all of the React bootstrap components are returning the same error and causing build errors.
'Dropdown....
- 111
0
votes
1
answer
117
views
Hydration failure in Next.js while using React Bootstrap Form Component
I am implementing a simple login component using a Form component from react-bootstrap. I keep running into the error: "Error: Hydration failed because the initial UI does not match what was ...
0
votes
1
answer
37
views
Bootstrap Modal causes useEffect({...}, []) to trigger again
When using the Bootstrap <Modal /> component, when I do callbacks to the parent component, my entrie page rerenders, and triggers my useEffect({...}, [])-Hook, which should only be called once, ...
- 673
0
votes
1
answer
10
views
Expecting React-Bootstrap to operate, instead hidden with no error messages
Expecting React-Bootstrap to operate with Badge and Stack function.
https://react-bootstrap.netlify.app/docs/components/badge/#contextual-variations
React-Bootstrap is installed with correct version ...
- 127
0
votes
0
answers
56
views
React Bootstrap - display 2.5 items visible at a time
I am using React Bootstrap's Carousel component in my NextJS project. Right now everything works except the fact that in mobile, am displaying only one slide at a time.
But i am trying to improve the ...
- 5
1
vote
0
answers
832
views
Why do we get an error in Next.js when using React-bootstrap Card without including 'use client'?
when I use the react-bootstrap Card element in a next.js project, I get
"Unhandled Runtime Error Error:* Could not find the module "C:\my-project\node_modules\react-bootstrap\esm\Card.js#...
- 11
1
vote
1
answer
146
views
type is invalid (react-bootstrap Form)
Attempting to build a form using exact sample code from react-bootstrap documentation:
https://react-bootstrap.github.io/docs/forms/form-control
import Form from 'react-bootstrap/Form';
export ...
- 998
2
votes
2
answers
2k
views
Using react-bootstrap doesn't work, unsupported server component error
My problem is I keep getting a Unsupported Server Component Error while using react-bootstrap with typescript. I've given you the contents of my page.tsx file, my layout.tsx file, and the error itself
...
- 67
0
votes
2
answers
140
views
Spacing in Navigation Bar
I'm trying to add a simple Navigation Bar to my sample project.
It works well - but the separate links (Cases, Referrals) are stuck together.
How can I change the styling to make them a bit more ...
- 13
0
votes
1
answer
356
views
NextJS App Router with typescript will either let me use react-bootstrap or my global.scss file
I've tried reading through documentation for App Router and React-Bootstrap package and when I try to import react bootstrap it completely removes my global.scss file rulesets, but when I remove the ...
- 31
4
votes
2
answers
2k
views
Server components: Can we use webpack to add "use client" in modules from compponent library?
React server components make us use the "use client" directive on top of files. This basically breaks react components library (like ReactBootstrap and PrimeReact) and makes us create ...
0
votes
1
answer
751
views
Can't use React tooltips in another Component
I was trying to make a separated component for React Tooltips so I can use it again in my project,
But It seems to not work and gives me an error once the App reloads.
The Error
I Already install ...
- 41
