Category "reactjs"

How do I set a width for the TextAreaAutoSize component in Material-UI?

I can't find any info anywhere on how to change the default width of a TextAreaAutosize component in material-ui. It seems the only choice is to have this litt

React function executes continuously and state keeps refreshing

I have kind of a weird issue in React. I am using the Blitz JS framework along side with Prisma for database stuff. I have a function that queries the database

React-native-rn tailwind doesn't generate tailwind.json

I followed all the steps of installing react-native-rn. Everything worked fine at first, but when I moved input.cssto src/css/input.css,it just generates src/cs

React throws error when using Context. Error: Element type is invalid: expected a string (for built-in components)

Error: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likel

Using the right Accessors for a Key Value Object

This is my first time using a dictionary. I am returning two lists and they are separated by an effective date. The goal is to put each list in its own Datatabl

Using the right Accessors for a Key Value Object

This is my first time using a dictionary. I am returning two lists and they are separated by an effective date. The goal is to put each list in its own Datatabl

React - Drag corner of element to resize contents

I'm working on a feature in my React project where when a user hovers over an element, which could contain an image or just text, a resize button appears in the

React - Drag corner of element to resize contents

I'm working on a feature in my React project where when a user hovers over an element, which could contain an image or just text, a resize button appears in the

Change image onClick in React Js

I'm trying to create a page in my React Js project, with the content on the left side and content's image on the right side. So far, I was able to create a togg

switching the audio and video devices while recording is on in reactjs

I am creating a demo application in which user can record a video using ReactJs. I am able get the list of devices, and record the video. I am stuck and couldn'

Property 'getAllByRole' does not exist on type 'Screen'. TS2339

I'm working on a web application in which the front end is built using ReactJs. When I run the code, I'm getting this error as mentioned. TypeScript error in M

How to get id or information of table in filterDropdown in antd

So I am using antdesign table and I have three different tables based on the status(status: approved/pending/rejected) of the data but the columns used in these

Can a React usestate update be nested in another useState functional update?

There are n items the user can vote on. There are two React states: votes is an array of the user's votes on every item. const [votes, setVotes] = useState({});

React - How to display only one instance of a dropdown component

I have a custom dropdown component that contains different items depending on the caller, its connected to a state that toggles its visibility, to be able to re

Protected route with react router v6

What is correct way to write a ProtectedRoute with new version 6 of react-router? I wrote this one, but it's not a route const PrivateRoute = ({ component: Com

Warning: Failed prop type: The prop `justify` of `ForwardRef(Grid)` is deprecated. Use `justifyContent` instead, the prop was renamed

Can someone help me in solving this error. I am unable to rectify this error. this is what i got in the browser's console const Cart = ({ cart }) => { co

How to fix Next.js Vercel deployment module not found error

My next.js app works on my machine and was working when deployed on Vercel but now it fails when building on Vercel with the following error: I've tried delet

React ref is only updating one instance

Got an interesting problem withs refs. I'm mapping over a component and rendering it multiple times and passing a ref to each one const ref = useRef() {data.ma

Entity adapter getSelectors method generates "Cannot read property 'map' of undefined" error

I am trying to use createEntityAdapter from reduxjs/toolkit to generate selectors automatically. I have created a "select all" selector successfully using creat

how to filter array to only pick last changed value of same id of object in react

This is the function i run on OnChange in AvField let selectedFieldArray = [] const templateValue = (e) => { const fieldObject = { "id": e.target.