Category "reactjs"

Retry react-query based on result

I want the query to retry until the expected result is met. How do I pass a condition into the function to decide if the query succeeded or not? export async fu

What is the definition of "parent component" in React?

What is the definition for "parent component" in React? eg. const A = () => { return ( <B> <C/> </B> ); } Is A the paren

Post a message from iframe in React

I have trouble about sending message from cross-domain iframe in React. I read many articles, most of them are about sending message to iframe. The issue is tha

How to add custom close icon for Alert component in Material UI, globally

We can globally customise the severity icons shown in the Alert component through the theme: MuiAlert: { defaultProps: { iconMapping: { info

Multiply useQuery on one page, why undefined result?

I need too use useQuery a few times to get different data from db. So I call: const {data: var1} = useQuery(MY_QUERY, {variable: {content1}); const {data: var2

How do I get back the generated filename after uploading to Cloudinary widget in ReactJS?

I'm using react-cloudinary-upload-widget in my React app to allow users to upload a profile picture. The idea is to store the image on Cloudinary and store its

How can I update only a single cell value and JSON in table

I'm writing a code where I have a table of 3 columns. the last column is editable. My requirement is, when I click on that cell, add a new value, and it should

Images disappear in production build of React because the wrong path is generated

this is my first time posting here. I am having a problem with how the production build paths to my images are generated when I run npm run build. I have some l

how to get the browser time in React [duplicate]

Is there possibility to get the browser time in react. Is there any library that can help with this. The web page should display the time of t

REACT Frontend not talking to backend despite Flask-CORS

I'm writing an application REACT frontend and Flask backend (with Flask-cord installed). When I make a call from the frontend I get an error Access to fetch at

Sending Array of files to the server in React

i am trying to send array of files like this to the server but i have a problem it always sent to the server by this format [Object file] how can i send the fil

Tailwind css classes not showing in Storybook build

I am trying to build my storybook with tailwind css. When running build-storybook the components are rendered with the tailwind classes. Unfortunately, when I b

How to get document after user has logged in using google auth in firebase?

I want to fetch user information stored in firestore after the user has logged in using google sign in. I am checking whether the user exists or not. If the use

I want to make a User to User Private Live Chat App with React & Django

I'm really confused about that. I want to make a user to user chat app on my project with Django and React. I've tried create a model and fetch messages with Re

How to access the error message using yup and react-hook-form through formState?

I'm trying to display the error message I set using yup validation - my schema for displayName looks like this: displayName: yup.string().required("Please ente

Not able to see exact error message at Redux

I have the almost same issue that asked before I have tried to use the same solution but could not manage it. All I want to see is to get correct error message

Webpack and React.lazy not splitting out dynamic import. Why?

I'm obviously quite confused about this but, I have a module FileAttachments which imports (and no one else does) a fair number of other sizeable modules. I'd

React js Navigate on click of MUIDatatable anchor tag

I am using react js to develop my project.I am using React MUIDatatable to bind the data, which I am receiving from API as shown below. I am facing issue, when

How can I rerender only one item in a flatlist?

I have products with a star icon to add this product in wishlist. I map 10 list of products and each map has 3 products like: (I Map it in Pagerview to swipe to

npx create-react-app my-app ERROR "In most cases you are behind a proxy..."

Error when using npx create-react-app my-app. I'm new in node and react and I'm trying to create my first react app. I seem to have fairly good internet connect