Category "reactjs"

Using client certificates in ReactJS

we are building a React UI platform website. We need to call a third party RESTFul service which requires us to attached a client certificate for authentication

Minimal input width growing with value

I have a form in react app which has labels on the left side inputs for values + units on the right side All elements uses display:flex by default. I need the

passing binary data to rest-api

I want to upload a thumbnail to viemo api , and based on Vimeo doc, I must include the thumbnail file as binary data in the request body, I have to upload the t

A component is changing an uncontrolled Autocomplete to be controlled

Can you tell me that why I'm getting error "A component is changing an uncontrolled Autocomplete to be controlled. Elements should not switch from uncontrolled

cors issue with passport.js google oauth strategy

I have a setup as such: -backend -model --User.js -routes --auth.js -database --connection.js -passport --passpo

TypeScript error in directory/node_modules/@antv/g6-core/lib/types/index.d.ts(24,37): Type expected. TS1110

After cloning the repo from GitHub and installing packages by running yarn install, when I'm run the project getting this error. I tried to update react script

Issue with Material UI Icons npm installation : unable to resolve dependency tree

I was trying to install Material UI Icons in my Netflix-Clone React.js project with npm, but I got the following error - PS D:\REACT Projects\netflix> npm i

Notification send to user in nodeJS

Following code is for back end which is implemented in NodeJS for socket call. const socket = require('socket.io'); let Users = []; module.exports = function

React application on production - links don't work when requested directly, they work only when accessed by react router

I have deployed an application on a ubuntu server. I ran npm run build, and copied all the content of build inside /var/www/html The file /etc/nginx/sites-avail

How to reset a React-Bootstrap Form after submit?

I added React-Bootstrap to my app. So I change a basic form with React-Bootstrap components. I can't reset a form after a submit. Here is my simplified code:

What is the difference between JavaScript and JSX?

I am pretty new to React, I find most tutorial talked about JSX, I have not learnt any JSX syntax, but I am wondering if the main usage difference between JavaS

Get text content from React element stored in a variable

Is there a way to get text content from a React element stored in a variable without ref? There is a functional component, that receives title prop, which conta

Check if a component is an instance of React.ReactElement<any> in a child map

I have a component that loops through children and wraps them in a div. I am trying to add an exclusion to that, but running into an issue where I can't check i

Sort the array as per the rules of card game using a generic method

cards = ['Jack', 8, 2, 6, 'King', 5, 3, 'Queen', "Jack", "Queen", "King"] <!- Required Output = [2,3,5,6,8,'Jack','Queen','King'] Question: Sort the array as

Add key value pair data

I have a schema in Mongoose that looks like this: const SocketDetailsUserSchema = new mongoose.Schema({ userId: String, socketValue: [{ id: St

Ag grid react warning: State updates from the useState() and useReducer() Hooks don't support the second callback argument

I tried to make an app as simple as possible to make the error easier to understand so I just implemented it in the App.tsx. import { AgGridReact } from "ag-gri

HERE Maps Info bubble not rendering correctly using React

I'm currently developing a React application using HERE Maps Javascript SDK. My Problem: I want to open an info bubble on a marker when I click on it. Instead T

How can I copy text to clipboard with ReactJS?

I am building a React web app that converts a text into an array. I want the user to click on the final output and be able to copy it on the clipboard. I am fol

React Quill - How do I show the differences between two text versions?

I'm currently designing a website with React where the user will work with a text editor. The text editor will already have text in it. The user will make some

change voice in react-speech-kit

I am using useSpeechSynthesis of react-speech-kit to read the text when click button. This is my code: import React, { useState } from 'react'; import { useSpee