Category "reactjs"

FieldRenderProps with React Native TextInput

I created custom TextInput for final-form in React-Native. And I need to specify type for FieldRenderProps. And I have an error: TS2769: No overload matches thi

I get a problem with use dotenv with react in typescript or .tsx files

I tried to use import * as dotenv from 'dotenv' and import { config } from 'dotenv' and restart the server many tames else I tried that dotenv.config({ path: __

Coordinate overlapping components to scale together

Attempting to create a higher-order component with two components that scale together. The higher-order component is set up as so: <> <Component 1/

How do I update a record using the put API?

As you can see in the React Js code I am trying the Reduce one by one quantity when clicking the Delivered button. When the Click Delivered button quantity bec

'Manifest...' error when loading deployed Gatsby site on Amplify

I have a Gatby/Material UI website that I just deployed on AWS amplify and it seems like the CSS is not loading on the first render. If I click a button that ro

Not able to get data (node.js) from my client (react.js)

I'm not able to retrieve the data I'm sending from the client to the server. My react code is the following: axios.post('http://localhost:5000/post-entry', { da

API cs-cart put request by react and axios

I use react in front-end and cs-cart API in back-end. In the following code I used axios.put() as follows: const data = JSON.stringify({ "test1": "val1" });

Put the cross on the top right page instead of the left

how can I put the cross on the top right side of my page? For now it appears on the left side. .close { vertical-align: middle; border: none; color:

Why my setPin in scrollMagic don't pin in react but in normal html it works properly?

I have a problem in reactjs wherein My setPin don't work properly in reactjs but in normal html it works properly... Basically the code was something like this

decrease number server making with express put method

I am trying to decrease the quantity, which I have to change on mongodb database, also I need to show it in body. I set a button called delivered which will de

How to use react-big-calendar only for month view

I'm trying to use react-big-calendar, only for viewing the month and allowing the user to press a certain date, which should trigger my own function. That is I'

if error in useEffect, return <NotFound/>

Below I want to use a variable to record error condition of useEffect, and handle it later on. Is it good to use a useState variable, or there are more suitable

Pinning a particular element using a drag and drop library in React

I am migrating from react-beautiful-dnd to dnd-kit which does not have customization to pin a particular HTML element and the others we can drag and drop. Like

How to make the email input stay on the same page so that user does not have to enter the email again?

I implemented the reset password feature using AWS Amplify. Initially, I created two forms one for forgotPassword that accepts usernames, and forgotPasswordSubm

Why am I getting an error in my Route Redux code?

I can't find my error in the code. Could someone explain to me. Test: Nav:' should be rendered on the path "/". The "Home" component should be rendered only on

React render message to stay at the bottom

Currently working on a 1:1 live chat messenger. when i send a message its shows up at the bottom of chat where i want it to, but upon page refresh it returns to

Is there any way to avoid preflight OPTION request? [duplicate]

I'm creating a react app using the Laravel API and sending requests through Axios but a preflight OPTION request is sent with every GET or POS

How to build an array of objects in react and pass data as a prop?

const DATA = [ { id: "a-0", name: "Eat", completed: "true" }, { id: "a-1", name: "Sleep", completed: "false" }, { id: "a-2", name: "Repeat", completed: "

How to set data in Firebase .onSnapshot()

I'm trying to set data with this function and its not setting the variable. How can I set information for outside use with this? Here is my code const docRef =

Created Cards i want to click on the card to get list of all blogs created by user?

I'm using react and active record associations[users,blogs] for backend. I basically have a nested data structure. I rendered a list of cards on my page and I w