Category "reactjs"

(MUI v5) (Nested Modal) Both parent and child modal die at the same time

I have simulate my issue in codesandbox: https://codesandbox.io/s/trusting-babbage-ovj2we?file=/src/App.js I have create a nested modal, when the parent modal i

Error: "Module build failed (from ./node_modules/happypack/loader.js):"

This is the theme I am using for a dashboard project (I am under serious timeline pressure). https://themeforest.net/item/enlite-prime-reactjs-fullstack-website

How can I write an adapter for my React Final Form component with Typescript?

I need to write an adapter for a component, to which I need to pass certain props. For example, I have a component which can receive certain props as "disabled"

react-native-svg - Fill overlapped area of two ellipses

We are using react-native-svg library to draw ellipses having following code <Svg> <Ellipse cx={192} cy={190} rx={50} ry={80} stroke={"red"} stro

How can I use the react testing library to test the style characteristics of an range input?

I need to get the styles of the input range-slider in javascript so i can test it. I have made a range slider component which accepts different style properties

environment variable undefined in react js

I am trying to get the environment variable from .env file, I have followed all steps but don't know why it's showing an undefined value .env file REACT_APP_NAM

React Component Not Rerendering - Base Class

I'm having an issue where a component isn't rerendering. There's a base class that's needed to be overriden in order to perform testing. I'm expecting it to fi

React NPM inefficient regular expression complexity in nth-check

I googled lot about this issue. But could not find this issue belongs to which library? How to fix it? any help will be appreciated

Is it okey to use side effects in the useState hook callback?

Imagine situation: const [value, setValue] = useState(false); const setSomething = (val) => { setValue((prev) => { fn(); dispatch(action); // or an

Error when run in command line "npm install firebase"

C:\Users\user\Desktop\CarInventory>npm install firebase npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: 3d-reac

why can't I export 'combineReducers' (imported as 'combineReducers') was not found in 'react-redux'

Here is my main js code and why combine all reducer cartredux\src\redux\reducers\main.js import {combineReducers} from "react-redux"; import { cartreducer } fr

React error: Each child in a list should have a unique “key” prop [duplicate]

Each child in a list should have a unique "key" prop. Screenshot

I define column index parameter in my arrow function but i can use in my useEffect causes is not define

I define column index parameter in my arrow function but I can use in my useEffect causes is not define! What can I do? useEffect(() => { const resizeOb

how to submit a image with react-firebase-form in firebase?

const [photo,setPhot]=useState('') photo setPhoto(e.target.value)}/> const handleFormOnSubmit=e=>{ updateProfile({photoURL:photo}) const [photo,setPho

custom label title for scatter in React-ChartJS-2

I try to make a scatter plot using React-ChartJS-2. The basic setting gives only the values of the x-value and the y-value of the point in the plot. Is there an

useEffect triggering before useState [duplicate]

I have a form that is supposed to register every input (through useState) and constantly check if that is valid (through useEffect), but that

Is there any library which can tell current version of the application is installed in users system in RN

So i want to find current version of applications in React-native so, that i can compare with latest version and send update alert to users.

How can I separate the JSX mapping logic from the mapped array containing components with props?

I have a component that maps over an array of components that have props passed into them, something along these lines: const Component = (prop0, prop1, prop2)

React (Next.js) hook useOutsideClick cancels my links

i'm using the following hook to handle "click away" feature to show/hide a dropdown: const useOutsideClick = (ref: NonNullable<RefObject<HTMLButtonElement

How to display image name in Ant design <Image.PreviewGroup> component?

<Image.PreviewGroup> <Image width={200} src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" /> <Ima