Category "reactjs"

componentDidMount affects other component

I have a price counter component. When I try to decrease a product qty to 0 it is deleted successfully but it affects the following product's qty and gives it 0

How to change the background color of the input in NextUI

I'am trying to change the background color of the Input component from NextUi. I already tried to use styled but no luck. What can i do?

React Boostrap Select, First Select Option ins not triggered by onChange event

I'm using React Boostrap Select component : <Form.Group className="mb-1"> <Form.Label htmlFor="type" className="iig-form-label d-inli

Upload a file in formik multistep

I have implemented formik multi-step form using formik-wizard-form. It works fine with other inputs except for file upload. I am using the following code for fi

How to query a document mongodb and react

I wonder why this is not working… This function should return true if there are any documents that match query. Thing I want to do is if the frequency is

White space below MUI Grid container (which is not a padding or margin)

How can I avoid the extra white space below a nested MUI Grid container with dynamic and fixed size items (in a clean way) ? I am interested in the "correct" MU

Some media query is not working on netlify, but it's working locally

I am working on a project with ReactJs, and I used media query to resize the width of my column on mobile. It works locally but it does not work on Netlify for

Playing m3u8 video in React

I am getting an url which is in m3u8 format from the backend in my project. How to play m3u8 format in react.. I am using React player package and it does not s

Azure AD B2C Signup/Signin Page Implementations using Expo Auth Session

Signup/Signin functionality using Azure AD B2C user flows. We rendering the Signup/Signin page using "Expo Auth Session" Library. We build the app through expo,

process is defined well from bootstrap.js but undefined inside the react code

I`m working on Nodejs app, which includes Front-end react that calls back-end api (Typescript). The app is working great in development; but not in production.

Need help joining 2 tables on one [duplicate]

So I got an admin dashboard which are not linked by ID but by name. So developer.name is the core name, dateName and absentName are meant to j

`react-map-gl` ERROR Module not found error [MAPBOX]

Failed to compile ./node_modules/@math.gl/web-mercator/dist/esm/web-mercator-viewport.js Module not found: Can't resolve 'gl-matrix/mat4' in 'D:\Projects\react-

How to compress build files in create react app without ejecting?

I'm trying to figure out how to best optimize my build file and ran across the notion of compressing text files like js and css. From what I've come across ever

CSS selector attributes does not work when adding style to component

I am having this React component: import * as React from "react"; import styles from "./style.module.css"; export interface IMenuButtonProps { name: string;

Continuously Fetch API For new data React Fetch

I've a dynamic json that changes value continuously. i want to draw chart with that data so i stored the dynamic data to array then draws chart with that array.

How to read URL parameters in Branch.io quick link

This should be quite straightforward but can't get it to work... I have a web SDK implementation of Branch.io, like in https://help.branch.io/developers-hub/doc

Add image to react d3 tree renderCustomNodeElement attribute

I wish to add some images to my JSON data from it the tree data is taking all the data.. I just couldnt do it Do someone has had any experience in that area..?

Unable to run serve -s build inside docker image for my react application

I'm trying to run my react application using the build folder via docker file. Everything seems to run properly when tried without docker, but when i run using

React Table is slow when applying column filter with large number of rows

React Table Columns definition with Filters. The Filters are having text input in some columns and combo/select in some columns. useEffect(() => {

React js - data.map is not a function

export default function Case() { const classes = useStyles(); const[data,setData]=useState([]) const getcovid=async()=>{ const api=await fetch('htt