Category "reactjs"

What Causes 400 Bad Request In Django Graphene and NextJs Using The useMutation Hook?

I am trying to build a simple todo app using Django, Graphene and NextJs. I was able to create todos in graphiQL and postman, however when I try to create a tod

next-images Error: Module parse failed: Unexpected character '�'

I'm trying to load an image with next-images: when i type in the image name it works fine: //Working <Image src={require(`../../images/exampleImage.jpg` )}/&

Problem with styled-components running React 18 and Next.js. Module not found: Can't resolve 'process'

I have to use React 18 for Suspense in a three.js/next/ts project (I have tried using next/dynamic and it does not work). So I installed it and updated everythi

Apollo Client useMutation data always returns undefined

I have the following code that runs a mutation to update a post to "published" the mutation works great! It updates the data as expected. However, the data prop

No feedback after pressing React native onPress

I have a button component with a simple onPress const Press = () => { return ( <Button onPress={() => { Alert.

How to change network in metamask using react js

I am developing my first Dapp, I am using metamask and web3 for this. As far now, I am able to get my wallet balance and connect account to metamask. Now I am t

How is it possible to create a circle in CSS that always keeps the same size?

I have the problem that I have a circle that adjusts according to the content of the text. However, I would like the font size to adjust to the circle and not h

"export 'Metric' was not found in '@superset-ui/core' (ERROR in ./node_modules/@superset-ui/chart-controls/esm/types.js) Angular/React

I'm new to superset-ui and currently looking to use it in our Angular application, although this issue occurs for React as well. I just wanted to try out "@supe

Material UI, Warning <td> cannot appear as a child of <div>

I'm using React, typescript and Material UI. I've created a pretty common "Create user form" with basic inputs for username, name, email, ect. Added two buttons

with put request data dosent update in ui without reload page

i have an issue .i am doing a project where want to update quantity of product.i am able to sending updated data to database with put request but my ui desent

Cleanup Function is not running in useEffect in React Redux

I have two dispatch actions 1. fetchHomepage and 2. removeHomepage. I want to run removeHomepage action when I click other link on header menu. So I added remov

Warning: Prop `id` did not match. Server: "fc-dom-171" Client: "fc-dom-2" when using FullCalendar in Next.js

Context I'm using FullCalendar v5.11.0, NextJS v12.0.7, React v17.0.2 and Typescript v4.3.5. I wanted to create a simple calendar, based on FullCalendar documen

react-tsparticles is hiding my other components when i just want it to be a backgroud

so I am using React TS-particles and React three.JS for my Personal Portfolio Website and I have an issue. So i am using React ts-particles to create a backgrou

Ant Design Select fetch data at the begining without typing

I am using Ant Design Select. CodeSandBox URL According to the example above, when i started typing, then Select will started to load the data using fetchUserLi

change the background color of the Table Row

How can I change the background color of the Table Row, I tried using "BackgroundColor" but it didn't change How can i solve the problem? <TableRow styl

Firestore & React: Update the Same State in Multiple Firestore onSnapshot Listeners

We are building a chat app using Firestore and React. Users should be able to up/down-vote each other's messages. We have two Firestore collections: messages: c

Vite - change ouput directory of assets

By default Vite generates files in the source directory under dist. my-app/ ├─ node_modules/ ├─ dist/ │ ├─ assets/ |

REACT- Making 2 different dynamic displays depending on a selection checkboxes ( everything is on the same page now)

depending on the selection of my user Change the type or Choose the comments (he can select only one choice), there will be a different display, but my code dis

before pseudo classifier not working in React

I wanted to apply a background image to the whole of my react app and give it an opacity. I used the following code to do so. .App::before{ content:""; ba

Migration v4 to v5 Breaks Styling of Basic MUI Components

I am upgrading from v4 to v5 and having significant problems that are inconsistent. The <Button> component looks as it should on the Login page, but once