Category "reactjs"

React Router v5: history.push() changes the address bar, but does not change the page

I am trying to redirect a user to a new page if a login is successful in my React app. The redirect is called from the auth service which is not a component. To

How can communicate between my generic modalform and my form in reactjs to validate the form?

I add reactjs component in my existing project I create a generic modalform and generic forminput component with material-ui. I create 3 differents form for my

Embedding Checkout

I'm trying to embed the checkout of GiftUp on my angular site however not show when I run my HTML page. <div class="gift-up-target" data-site-id="XXXXXXXXXXX

How to set Gutter marker for all lines in react-codemirror2?

I'm using react-codemirror2 to implement a code editor. I want to set the gutter marker for all the lines. We can use setGutterMarker method to set gutterMaker

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