All Questions
Tagged with react-component or reactjs
476,972 questions
-3 votes
0 answers
19 views
Swiper autoplay works in localhost but stops randomly in production (Next.js + Netlify)
I'm using Next.js (App Router) with Swiper.js to create a continuous autoplay slider. Locally it works perfectly, but in production (Netlify) autoplay sometimes doesn't start or stops randomly, ...
-1 votes
0 answers
15 views
Black text overlapping issue in Expo React Native on Android (works fine on iOS) @rivascva/react-native-code-editor [closed]
I'm building an Expo app that includes a simple “fake code editor” with syntax highlighting. On iOS everything renders perfectly, but on Android I'm facing a major issue: black text appears on top of ...
-1 votes
0 answers
14 views
React MaterialUI Select onKeyUp execute function
In the MaterialUI Select component the default behaviour for pressing 'Enter' is opening the dropdown. I want to prevent this behaviour and execute a function when pressing 'Enter'. I tried both event....
Advice
0 votes
2 replies
34 views
Microsoft copilot authenticate with teams app
I have created a copilot VA agent and i want to integrate it with my react app published as a teams app. The authentication for the copilot VA agent should happen automatically for the logged in teams ...
Advice
0 votes
4 replies
24 views
How to deploy Spring Boot + React + MySQL website? What services are required?
I am a fresher and I am building a small hotel website. My tech stack is: Backend: Spring Boot (Java) Frontend: React Database: MySQL I want to deploy this project so that it is publicly accessible ...
0 votes
2 answers
47 views
TypeScript error "Argument of type 'string' is not assignable to parameter of type 'never'" when filtering array in React
I'm building a data filtering component in React/TypeScript, and I'm getting a confusing TypeScript error when trying to filter an array based on user input. The error says my string argument is type ...
Best practices
0 votes
1 replies
23 views
Not sure how to determine if component follows Single Responsibility Principal and One Leve of Abstraction principal or not
function User() { const { data: user, isPending, isError, error } = getUser() if (isPending) return <Skeleton /> if (isError) return <ErrorFallback error={error.message} /> if (!...
-1 votes
0 answers
22 views
How can I properly lazy-load PrimeReact components for my application?
I have created SPFx with React solution. I have used "primereact": "^9.4.0" version. I’m trying to lazy-load PrimeReact components in my SPFx + React application. But I am not ...
-1 votes
0 answers
24 views
Centring pages in ‘react-pdf’ and ensuring they scale properly [closed]
In the image above, I have to start the PDF from the left; otherwise, if I use the centre alignment, it causes horizontal scrolling issues. So I don't want the horizontal scroll to break, and I want ...
-3 votes
0 answers
30 views
Exception when using MUI with rspack: _emotion_styled__rspack_import_0 is not a function
When using rspack with typescript and Material UI (MUI) with React to run in development mode, the following error is thrown: _emotion_styled__rspack_import_0 is not a function TypeError: ...
-3 votes
0 answers
62 views
React: AudioContext sound plays inconsistently on mouse wheel rotation [closed]
I’m implementing a Pomodoro timer where rotating a wheel (like a physical knob) should play a short mechanical “click” sound on every mouse-wheel step. I tried two approaches: Using AudioContext ...
Advice
1 vote
3 replies
64 views
Should I use transformer functions for the data I get from API?
I have a project in Next JS and I am fetching data from API using TanStack Query. I am also using openapi-typescript package for generating API response types automatically from the openapi.json file. ...
-4 votes
0 answers
65 views
Why do React tasks disappear when navigating or moving items between lists?
Context I am building a To-Do application using React.js and Tailwind. The app has a navigation bar with three distinct sections/routes: My Todo (The main list) Scheduled Tasks Completed Tasks The ...
-1 votes
0 answers
42 views
Component shows as memoized in DevTools but still re-renders
I'm facing an issue with the React Compiler auto-memo. React DevTools shows that Test2 is memoized (sparkle icon), but console.log still runs on every render. import { useState } from "react"...
1 vote
2 answers
90 views
How to prevent rerender of identical component in child?
I'm trying to make a progress bar that has a transition animation. Think: a multi-page wizard, and when you advance to the next page the progress bar animates to the next step. When the progress bar ...