Category "reactjs"

How to use delete request with axios in react project and Firebase?

I need to delete the element but don't know how to get that specific element! This is the structure of data on Firebase And this is the code: import React, {us

How to use React Keycloak?

Did according to examples, but I get an error: http://localhost:3000/#error=login_required&state=19004288-e312-4782-ac23-9dc038cd7bb0 Here is my code: keyc

How to make react table to scrollable?

I am trying to make react table scrollable horizontally and vertically but right now it is taking all the space according to the data. I want to make this table

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