Category "reactjs"

Uncaught TypeError: Cannot read properties of undefined (reading 'isBatchingLegacy')

I am trying to test a react typescript project using jest but it's giving a confusing error: Error image Here is my package.json: "dependencies": { "@testin

MaterialUI Appbar with Tabs - can it be scrollable AND fullwidth

I would like my tab buttons to spread out across the entire screen. When the screen width is too skinny to fit all the tabs, I would like the scroll buttons to

How best to create custom styled components in MUI

seemingly simple problem: Example Background: we have many lists of items and render them in the UI with <List>. Example Problem: we usually (but not alwa

How to create multiple swiper instance in a react component and control one with the swipe of another?

I have a react component where I need to have multiple carousels that are connected. I am trying to create two swiper instance in a react component and control

Cannot read properties of undefined (reading '0')

I have a page coded in React with NextJS hooks, when I try to render a page the error says what's in the title, I presume because the object which I'm mapping i

MUI Datagrid duplicate row and data

I want to know if there is a way to duplicate the specific row with data on it using material-ui Data Grid? I hope someone could help me. Thanks in advances! Bt

Composition In React with params

I am trying to create an architecture that in some way imitates the slots from VUE. The idea is for the parent component to be able to inject some props into th

Where can I write server code for stripe payment in Django project?

I am working on React JS to implement stripe payment gateway. I am using Django as a backend Server. In stripe documentation. https://stripe.com/docs/checkout/i

How to redirect in React Router v6?

I am trying to upgrade to React Router v6 (react-router-dom 6.0.1). Here is my updated code: import { BrowserRouter, Navigate, Route, Routes } from 'react-route

Async/Await not executing as expected

I have the below method where I am updating store and after store updating, I am performing certain activities based on store values - useEffect(()=>{ const

React attrs method Typescript

I am getting following warning. I am using typescript. "Over 200 classes were generated for component styled.div with the id of "sc-dkzDqf". Consider using the

npm start run problem with react-app-rewire

I am trying to use mobx in a reactjs project. I have installed these packages using yarn add command: yarn add mobx mobx-react react-app-rewired react-app-rewi

Append a button at the end of Autocomplete options in Material-UI

I am trying to create an autocomplete component that a person will use to select an item from a list of items, I've done that, no issues. The problem is thatI a

Antd, How can I disable row of editable cell of Table

I use Editable Cell of Table I want to disable row when age value is '33' include select(=checkbox) There is sandbox test code help me test code

why react-helmet-async is not working in app?

In my react application, when I am using Helmet to show the title of the browser dynamically, the page in which I am using the CODE Like - **<Helmet>

Dynamically set background color based on value from DB

The db stores hex values which will then be used to set the background color of the div. How can I pass the value which is coming through from the DB to the css

React.JS App MODULE_NOT_FOUND error on 'npm start'

I have a problem with React.js. After creating a react application, when I run the command npm start I have the following error: PS G:\workspace\WEB\gab-web\cli

Unable to pass json reference data to react component

I am trying to load dynamic content to a child component. I am able to render everything except for an img reference. I have tried changing the reference locati

Getting "app is not defined" error after applying "Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app)." error fix

At first I was getting the "Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app)." error. I saw online that wrapping firebase initializat

The token '&&' is not a valid statement separator in this version

On the way of installing Webpack on my React Project, the following problem hinders my progress: last step to configure the Webpack npm run build && nod