Category "reactjs"

trying to set value to context provider for a cypress test spec

the challenge am having is explained below Am trying to set a draft_id value after the submit-recipients data-testid is clicked. The beforementioned value is pa

MERN: show buttons based on conditional

I'm using React.JS and I'm trying to show a group of buttons based on the state of a variable, this is the code snippet: const cartContentButtons = ( <

Firebase working in cmd but not in git bash

I am building a react project on Visual Studio Code and want to use firebase but when I am giving the command firebase login, it says C:\Users\ajay\AppData\Roam

React Material UI Select conditional rendering shows value as out of range

The use case is creating an order that has multiple order lines. I have two lists of Products: Preferred and All. Every item in Preferred is in All. I have a bo

React checkbox data from mongodb

I try check if checkbox is checked in mongodb or not So for isClosed my value in db is true And its working so far my checkbox is checked bcs its true in db. Bu

How to use MUI to stack components on top of eachother?

I want a div that looks like this on Desktop: ------------------------------------------------------------------ | (icon) | (content)

Padding issue for xAxis in recharts

As i was working on recharts, i was trying to achieve below Below is my code: <ResponsiveContainer width="100%" height={400} className="area-chart">

How i can fix this Warning: validateDOMNesting(...): <h5> cannot appear as a descendant of <p>

react-dom.development.js:86 Warning: validateDOMNesting(...): cannot appear as a descendant of Hello, everyone. In my react page i have blogs component. when

React Select Overlaps With Label

I am using react-select ^5.1.0 and my options and values are displayed well. I have a small issue when scrolling the options, a select word overlapps the option

Cannot read property of undefined data() Firebase

I'm trying to implement redux saga in my old project and i get strange error. I'm getting back the userData with all user details but my middleware logger tells

How to filter array of nested objects with unknown depth based on given search term

There are similar answers here but all of the ones I've seen and tested don't go pass two levels deep, so I don't think this is a duplicate problem...I am tryin

bundle.js TypeError: Cannot read propertied of undefined (reading PriceIndexationDataControlStandard)

I am developing a React component via Microsoft PCF Framework and I have encountered a very strange error out of nowhere. I was changing only typescript, not ev

Yup validation for nested form elements in formik

I have a nested Formik form which has checkbox in every new set of form fields added. I am trying to add validation in Yup to achieve: Atleast one checkbox to b

Attempt to recreate AWS Demo ends up recreating error within demo

I started following the demo at https://youtu.be/NLN-q47uPo0 and ran into the (almost) identical error shown at https://youtu.be/NLN-q47uPo0?t=2880 . Anyone kno

How to use a web component in a solid.js project?

When I try to use a web component in my Solid.js project (instead of building one), it doesn't recognize the tag as it is not an intrinsic element. How can I s

How do I unsubscribe to the dispatch to grab new data onload on useEffect? - I'm using Redux Toolkit

I can load my data but only after I refresh the page. Until then, it shows the data from the previous item I clicked on. It's behaving like a cache would. Here

How to send files using socket io in react js, node js and store in mysql database?

I am building a chat application like discord, I can successfully send a chat message, and i am trying to send emojis, files like image, pdf, docx, links. How t

React-rails Cannot Find App Component in View

Finally after many steps of troubleshooting rails is rendering our NavBar component, but not the base App component where everything is imported. Wondering what

Error: Uncaught TypeError: Failed to resolve module specifier "web3". Relative references must start with either "/", "./", or "../"

I have installed web3 using npm in my project. I now have a web3 folder in my node_modules folder. However, when I run my code on local server, it shows the fol

i have an error about object manipulation

good morning everyone, i get errors in a simple manipulation of a json. I'll show you the code: import React, {useState, useEffect} from 'react'; import Bscpric