479,307 questions
-1
votes
0
answers
16
views
Conditional rendering in JSX
I have an object that I want to render, 8 items per row. At every 8th item, I close the row div and start a new row. This is my code
<div class="usage-row">
{cpu.map((item, index) =&...
-2
votes
0
answers
16
views
How to Generate Reports from MongoDB Community Edition and Integrate Them into a React UI?
I am using MongoDB Community Edition as my database and need to generate reports based on the data stored in my collections. The reports should be query-driven and provide insights such as aggregated ...
0
votes
2
answers
15
views
Property children is missing in React
I have the following code snippet:
type CitationProviderProps = {
bibUrl?: string
citationMap: CitationMap
children: React.ReactNode
}
export function CitationProvider({
bibUrl,
citationMap,...
- 463
0
votes
0
answers
6
views
how to optimize an customized useScroll hook in React?
I made a useScroll hook to fix a navigation bar while scrolling. However, there's an issue. In the handleScroll function below, setScrollY updates continuously while scrolling, causing excessive re-...
- 13
-1
votes
1
answer
24
views
Unable to fetch and Display HTML Content from Public Directory
Need help with Vite + React, where one is unable to fetch and display content from the public directory. Despite following various troubleshooting steps, the content from the projects home.html is not ...
- 1
0
votes
2
answers
23
views
How to make MUI Typography fontSize responsive?
I am trying to make MUI 6 typography fontSize responsive, but I wasn't successful. I've tried:
export const theme = createTheme({
typography: {
fontFamily: [
"-apple-system",
...
- 1
0
votes
0
answers
11
views
Cypress-Component-Testing (How to mock an ES6 module in a vite-reactJs-app)
Im using vite react app and implementing cypress component testing.
In one of my file i need to mock an es6 module (custom hook to get loggedIn state of user from keyCloak)
I'm getting error you ...
- 1
-3
votes
0
answers
17
views
can we intergrate whole apache superset system with react.js and node.js? [closed]
I am working on a project where I need to integrate Apache Superset (for data visualization) with a React.js frontend and a Node.js backend. Here’s what I’m trying to achieve:
Frontend: React.js for ...
0
votes
0
answers
12
views
react-loqate: getting error while yarn watch
ERROR in ./node_modules/react-loqate/dist/index.mjs 57:78
Module parse failed: Unexpected token (57:78)
You may need an appropriate loader to handle this file type, currently no loaders are configured ...
- 3
0
votes
1
answer
17
views
i got this error wen i upload my app abb file on google play console
i got this error wen i upload my app abb file on google play console which build react native expo but iam facing this error again and again how can i solve this
i try to insert ney keystore but ...
-1
votes
1
answer
25
views
On Page Load, the saved credentials are auto filled and they are overlaping with the placeholder of mui textfield component
On Page Load, the saved credentials are auto filled and they are overlaping with the placeholder of mui textfield component
How to solve this
I used useEffect for triggering click event on page render ...
-2
votes
0
answers
42
views
This is my app.jsx file and when I run the file it is showing a plain text "Click me" instead of a button [closed]
import React from 'react';
import './App.css'
function App() {
return (
<div>
<button>click me</button>
</div>
)
}
export default App
The app.css is empty....
0
votes
0
answers
13
views
Inertia Js , React Problem To Handle Laravel Returned Errors
ok, I've been using inertiaJs for a little over 1 year, only it's as if
inertia can no longer receive data from the backend.
for example, here's the simple authentification form I send:
const ...
0
votes
0
answers
16
views
Embedding scratch-gui in my react app throwing error [closed]
Error I am getting.
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'forwardRef')
at ./node_modules/react-redux/es/components/Provider.js (Provider.js:6:1)
at ...
0
votes
0
answers
7
views
openfin taskbar does not show default options in Windows 11
I am using open fin version : 34.118.78.77
When i [right click and press shift] together in the task bar, I see the option
Windows 10:
On windows 11 nothing comes up.
But if I just do right click ...
- 37
-6
votes
0
answers
37
views
i am new to react and facing this problem [closed]
react-dom-client.development.js:4442 Uncaught Error: A React Element from an older version of React was rendered. This is not supported. It can happen if:
Multiple copies of the "react" ...
-1
votes
1
answer
21
views
Make debouncing function on events
I have a parent component with two event functions handleMouseEnter and handleMouseLeave. The child component receives these two functions via props, so my goal is to make some delay in the execution ...
0
votes
0
answers
12
views
React three drei dragControls / use-gesture-react not working on mobile
I cannot get react-three-drei DragControls to work on mobile.
This is visible on all the implementations of react-three-drei DragControls and react-use-gestures that I have found online. Just check ...
- 1
0
votes
1
answer
16
views
Bundled React application doesn't render in WebKit despite support for modern JavaScript features?
Problem
I've been developing a React application that works fine in Chrome and Firefox, but fails to render in WebKit-based browsers. The WebKit instance is running in C++ as an overlay atop a ...
- 161
0
votes
0
answers
16
views
React Query Caching
With my site I am using tanstack react-query. Now caching seems to work when navigating between pages and I can confirm that by checking the network log and no extra calls are made.
Now is it fair to ...
- 408
0
votes
0
answers
14
views
Error: Failed to resolve 'react-router/dom' in React with Parcel
I'm building a React app using react-router-dom and Parcel, but I keep encountering the following error when running my project:
🚨 Parcel encountered errors
@parcel/core: Failed to resolve 'react-...
0
votes
0
answers
13
views
Webpack Module Federation Uncaught TypeError: Cannot read properties of undefined (reading 'PublishButtonWidget')
I have a host app and microfrontend on React. Microfrontend exports a few components in my host app using webpack module federation (PublishButtonMF). But when they are loading on page I get error:
...
- 21
0
votes
0
answers
17
views
How index works in material ui carousel
I am using react-material-ui-carousel.
It shows three items at a time. User can remove the item from the carousel. So, if on any of the slide e.g. third slide, there is only one item and user removes ...
- 983
1
vote
0
answers
9
views
AEM as a Cloud Service - SonarQube REACT Code Coverage
Context
We are implementing a hybrid implementation with AEM + REACT using AEM as a Cloud Service. We are having our REACT code coverage in *.tsx files under ui.frontend module.
We have configured &...
- 21
0
votes
0
answers
35
views
ESLint Configuration Problems after Vite Update
I've recently updated NodeJs to v22 and subsequently Vite but the configuration seems to have changed quite a bit from the previous version.
When I initialize a new project from scratch with npm ...
- 4,124
-1
votes
1
answer
36
views
react-scripts' is not recognized as an internal or external command, [duplicate]
I just cloned a React repository that I'm collaborating on. However, when I try to run npm start, I get the following error:
bash
PS C:\Users\DELL\Desktop\urbeathub-main> npm start
react-scripts ...
-1
votes
0
answers
33
views
How to create ReactJS app client extensions for liferay
I have created a simple ReactJS app using create-react-app, and I have updated App.js with some input fields. All things are working as a ReactJS project. Now it's time to create client extensions of ...
- 9
-2
votes
0
answers
25
views
Converting Laravel MVC to Laravel api + Reactjs [closed]
I currently have a Laravel 11 project built with a traditional MVC architecture. Now, I want to convert it into a Laravel API backend and use ReactJS for the frontend.
Is it feasible to refactor the ...
- 1
0
votes
0
answers
12
views
Filtering feature not applying while using react ag-grid 33.1
Im using ag grid community in my React ts project, i've used it before and usually I would only add filter: true to defaultColDef and the filter feature would apply but its not working for me now.
...
0
votes
0
answers
21
views
Facebook OAuth Login Error: "This app needs at least one supported permission"
Title:
Facebook OAuth Login Error: "This app needs at least one supported permission" in Test Mode
Content:
I am working on a Facebook Business App that is currently in Test Mode. The ...
- 1,906
1
vote
1
answer
34
views
Tailwind css isnt working in my react i.e it isnt being detected in my css files
My package.json:
{
"name": "react-app",
"version": "0.1.0",
"private": true,
"proxy": "http://localhost:5000",
"...
0
votes
1
answer
26
views
Ant Design form value not reflecting in input field after programmatic update via form.setFieldsValue()
I am working with an Ant Design form in React where I have an input field, and I want to programmatically update the value of that input field using a custom AI generator (TextGenarateur) that returns ...
-3
votes
1
answer
26
views
How can I recreate such a mesh background? [duplicate]
How can I recreate such a mesh type background in ReactJS/Tailwind where the background is a very light gray mesh that too which is invisible at places like in the given reference image:
I was ...
0
votes
0
answers
5
views
Copy Selection in Unlayer React E-Mail Editor
I often have the need to copy a row from one template to another. Pasting a copied element is no problem but does anyone know how to copy just the current selection?
- 157
0
votes
2
answers
48
views
Why choose useReducer over useState in React?
I'm working on a React project and I came across the useReducer hook. I already understand how to use useState for managing component state, but I'm curious: under what circumstances is it better to ...
0
votes
1
answer
18
views
not getting value on the input as prefilled while opening edit form due to two type of id company or global
editForm.setFieldsValue({
name: entity.name,
unique_identifier: entity.unique_identifier,
sector_id: entity.sector,
country_id: entity.country,
currency_id: entity....
-1
votes
0
answers
42
views
localhost refused to connect, [closed]
I am facing an issue where my React application is not connecting to localhost, even though the terminal shows that the development server has started successfully. I am also seeing deprecation ...
0
votes
0
answers
17
views
Unable to control volume on iOS when vosk is active on my react native app
I'm using the react-native-vosk library for speech recognition in my app, the recognition is used to detect sentences in a text to trigger some actions, on android everything works perfect, but on iOS ...
0
votes
0
answers
26
views
Websocket data to video using react
I build example to play udp stream in video
My flow is use node.js server to read udp stream and put its in websocket
And in app will read websocket and put to video tag
I use this video to put ...
- 67
0
votes
0
answers
10
views
Handling an Editable Table with react-virtual for 5000+ Rows
I'm working with a large dataset (5000+ rows) in a React application and want to use react-virtual to optimize performance. However, the table also needs to be editable without causing lag while ...
0
votes
0
answers
16
views
useSpring only triggers when code is changed
I am trying to animate a number from 0 to a desired number.
This is what I got.
import React from 'react'
import { animated, useSpring } from "react-spring"
function AnimateNumber({endNum}) ...
- 33
-1
votes
0
answers
23
views
Next.js library imports not working in server components
After updating my Next.js component library from ver. 1.2.0 to 1.3.0, existing server-compatible components suddenly break when imported into Next.js server components (e.g., page.tsx).
I added a new ...
-1
votes
0
answers
26
views
Testing text truncation / show more button
I have the following that decides whether or not to show a "Show More" button:
// some style wrapper:
const InstructionBox = styled(Box)(() => ({
display: '-webkit-box',
...
- 2,943
1
vote
1
answer
28
views
react typescript localstorage Argument of type 'string | null' is not assignable to parameter of type 'string'
I'm doing an app where i use redux toolkit and localstorage to save the theme.
I have this slice :
import { createSlice } from "@reduxjs/toolkit";
const mode = !localStorage.getItem("...
- 469
1
vote
1
answer
30
views
Error with React-TailwindCSS Datepicker in React 18: Cannot read properties of undefined
I am trying to add the react-tailwindcss-datepicker to my project by following the documentation here:
https://react-tailwindcss-datepicker.vercel.app/install
However, I'm encountering the following ...
- 71
0
votes
1
answer
38
views
Line chart(ChartJs) with huge set of nested data, is freezing the screen. How to optimize it?
I'm building a line chart, where the line color and the background will change based on different conditions.
As line chart in chartjs dosen't support multi background color. So I nested the data from ...
2
votes
1
answer
76
views
Can't resolve 'querystring' in old dependency
I have an old React app which I'm trying to run locally, but I encountered some issues regarding querystring and pollyfils. Here are my files:
packages.json:
{
"name": "test-immersion&...
- 463
0
votes
0
answers
20
views
NX React project wont run any targets intermittently: "Cannot find configuration for task"
I recently created an NX monorepo to develop a React project.
The configuration is 100% out of the box and nothings been modified really. Running any target results in an error. For example, $ npx nx ...
- 79
0
votes
0
answers
13
views
Unable to remove unused i18n dynamic keys
I have a react codebase which uses i18n react package, we have couple of translation files, in some of the components we generate translation keys dynamically for instance
priority__HIGH: "High&...
0
votes
0
answers
28
views
Could not Resolve all files for configuration ':classpath'. could not find com.facebook.react:react-native-gradle-plugin:0.73.0
I've been facing this issue for the past 3 weeks. building the app always returns this error:
FAILURE: Build failed with an exception.
* What went wrong:
A problem occurred configuring root project '...
