Skip to main content

All Questions

Tagged with
0 votes
1 answer
33 views

Cannot update state from child element in React (functional components)

I want to have a child component reference and update a state; however, when I try to do so, it only works once or twice before breaking. Strangely, the parent element can still update the state. ...
Kyle Tennison's user avatar
-4 votes
0 answers
21 views

Invariant failed: A state mutation was detected between dispatches [closed]

This is the body of the code const tableHeader = [ { title: "Product name", widthClass: "w-[25%]" }, { title: "Product category", widthClass: "w-[19%...
Iroh Nkechi Omolola's user avatar
0 votes
0 answers
14 views

How can i highlight area in docx using react-doc-viewer

I have list of area to highlight with { width, height, left, top } const RenderDocxHighlights = () => { return ( <div> {(highlightAreas as HighlightAreaExtented[]).map((...
Singh's user avatar
  • 860
-1 votes
0 answers
10 views

Rendering webpack bundled is code on html

I have compiled react component into a js bundle using webpack. Importing this into other react projects works just fine. Is there any way to render this js file on a normal html file, without using ...
Chethan B N's user avatar
0 votes
0 answers
11 views

How to Protect Videos in a Hosting Environment for an LMS Platform Using Next.js and Node.js? [closed]

I'm working on an LMS (Learning Management System) platform using Next.js for the front-end and Node.js for the back-end. One of the key features of the platform is hosting and streaming educational ...
user26426884's user avatar
0 votes
1 answer
22 views

Exception thrown in async React method is not caught in global error handler [duplicate]

I use React and have a code as this: export default App; window.onerror = function(error) {alert("Error caught: " + error);}; function App() { perform().catch((error) =>{ ...
Nemo's user avatar
  • 147
0 votes
2 answers
40 views

Why when i send a fecth requst to Open Weather API in React JS. React first return me undefined an after that data?

I watn to make Weather App. I just start study react. I do a fetch request to Open Weather API to get a weather data. When i consol.log(data) and update my page, React first return me undefined and ...
Help Me Study's user avatar
1 vote
0 answers
18 views

Tailwind CSS Grid doesn't seem to be working properly while using Nextjs. Somtimes works with 4 cols, sometimes doesn't

I was working on this project where i had to use grid on a small component. Main div :- import Feature from "@/components/Feature"; export default function WebsiteFeatures () { return ( ...
Shreshth Purohit's user avatar
0 votes
0 answers
11 views

React App Audio Processing Error on iOS Safari but Works on Desktop and Android

I have a web application deployed on Vercel (frontend) and Railway (backend). The app allows users to upload video files, from which audio is extracted and processed. The application works perfectly ...
dnrksd's user avatar
  • 13
0 votes
0 answers
28 views

How to make a tooltip for a column in a table if the text in the column is larger than 250 pixels

I am using tailwind and shadcn for development. My idea is that if the text in a column is larger than a certain number of pixels, it should be possible to see a tooltip from the shadcn library for ...
Артем Лебідь's user avatar
-2 votes
0 answers
22 views

Why i can't edit my tasks after click in edition button in ReactJs? [closed]

I'm creating a list of tasks in ReactJs and I'm having a problem with editing the tasks, when I click on the edit button it simply deletes all the tasks, could anyone help me create the editing tasks? ...
Paulo1706's user avatar
-1 votes
1 answer
26 views

How to show component only when loaded in react? [closed]

import React, { useEffect, useState } from "react"; import "./App.css"; import Header from "./components/header"; import Home from "./components/home"; import ...
Ayush Sharma's user avatar
0 votes
0 answers
24 views

Switch the Database of the default mongoose connection

In trying to limit the number of connections in my web application I switched from using mongoose.createConnection() to mongoose.connect() Which works perfectly if your only ever using one database. ...
TheReezen's user avatar
0 votes
0 answers
14 views

React Component Workflow Issue: onComplete Function Undefined in Multi-Step Form Process

I'm working on a React application that involves a multi-step workflow process. The application manages various types of items, each with its own sequence of forms and actions. The expected workflow ...
Sanmi's user avatar
  • 1
0 votes
0 answers
38 views

Include Files is not working in ESLint 9+

I'm using ESLint 9.7.0 and I want to implement ESLint on a specific folder in my React app. But it's not working on the folder I'm giving the path of that folder in my eslint.config.mjs. Here is my ...
HAIDER KHALIL's user avatar

15 30 50 per page