All Questions
Tagged with javascript reactjs
207,116 questions
0
votes
0
answers
14
views
why my spinner component doesnt take the scheme color selected by the user - Next js +13
YES, I ALREADY ASKED TO CHATGPT.
i am using next js 15.2.3 and i implemented a spinner component that is activated when one navigation occurs, it is works! now i implemented a ThemeProvider (Context) ...
0
votes
0
answers
19
views
How to test ref assignment inside a mapped component using a custom Checkbox with forwardRef in React?
Issue
I'm testing a React component that renders checkboxes from a third-party library. I assign each checkbox a ref using useRef({}) and attach a change event listener in useEffect. This works in the ...
0
votes
2
answers
41
views
Can't embed YouTube videos in React.js
I am trying to embed a youtube video in my react.js website, I have tried multiple different code samples in my file as seen below:
<h1>Embedd Test1</h1>
<YouTube videoId="6pH4Ot-...
- 1,596
-1
votes
0
answers
20
views
How to make a carousel to be infinite in a smooth manner
I'm working on this React x Motion carousel that brings a card to the center of the screen when it has been clicked, depending on its index. However, I also want an added function to make the cards to ...
- 47
-1
votes
0
answers
51
views
onKeyDown event doesn't triggers on Enter
In my React app I have an input and I want this input to update search on Enter key down.
My code:
<SearchInput
placeholder={formatMessage('SV_UNIT_LIST_SEARCH_PLACEHOLDER')}
value={searchState....
- 1
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 ...
0
votes
1
answer
45
views
React 19 compiler and inline functions in jsx
I am currently upgrading my codebase to react 19 and using the compiler. Traditionally in react inline arrow functions in the jsx were considered bad practice for performance reasons, however I am ...
- 29
-4
votes
1
answer
67
views
Why do we prefer arrow function over traditional function declaration in React? [closed]
async function saveProduct() {
const response = await fetch;
}
function saveData(e: React.MouseEvent) { }
const saveProductt = async () => { }
As I had seen the tutorials or any codebase in ...
-4
votes
0
answers
52
views
My website keeps crashing when I try to upload an image [closed]
I am making a resume builder in Next.js and I am using React-Hook-Form with Zod and Shadcn.
"use client"
import { Button } from "@/components/ui/button";
import {
Form,
...
0
votes
0
answers
25
views
Calculating offset to center a card in a carousel
I'm working on this React x Motion carousel that brings a card to the center of the screen when it has been clicked, depending on its index. However, the cards only seem to be placed at the start of ...
- 47
0
votes
0
answers
16
views
react-map-gl Popup displaying under deck.gl layers
I'm using a react-map-gl Popup component (maplibre implementation) inside a DeckGl component, and while I can get the Popup to open, it seems to be displaying under the deck.gl layers. To illustrate ...
- 706
0
votes
0
answers
21
views
Trying to add markers to Trimble Map in React with Javascript SDK but markers are shifting off the map and not at inputted lat long
Im trying to use trimble maps javascript sdk in a react app to display a map. I also want to add points to the map at specified lat longs. However, whenever I add a marker to the map the marker ...
- 453
0
votes
1
answer
46
views
Tailwind 4.1 Transition for flex item not working
so I'm having a weird issue with Tailwind and it's transitions. I have a parent div with a background color that changes depending on the activeState. This has a transition and it works just fine.
...
- 107
0
votes
1
answer
38
views
Adding anchor tags to Nextra Navbar
I am writing a Nextra Docs page for an API documentation. On the left side is the Nextra "navbar" Component that usually has links to the single .mdx pages of the documentation.
Current page ...
- 1
-1
votes
0
answers
32
views
Map Disappears When Popup Opens Instead of Showing Behind It
I'm using react-map-gl to create a cluster map with popups that appear when users click on map points. When a popup is triggered, the map completely disappears instead of remaining visible underneath ...
- 67