Category "reactjs"

setInterval freezes react app after some time (couple days)

I have a react app (nextjs) and show a QR code that refreshes itself every 5 seconds and a clock which updates every 1 second. Further, I have added service-wor

How can I align my text and put the button on the extrem right of my gray bar?

how can I display my Invitee2 a bit upper in my gray bar ? And for my button how can I put it on the extrem right side of my gray bar ? <div className="bg-gr

Rebinding the react html input values after API call

I am using two inputs with their respective buttons, whenever I click button1 of the input1 the API is called which returns the text that should be bind to seco

Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead.]

i think the error is from the checkout screen but i just cant find the '<' which is make believe that the error origin is from node_modules can anyone find t

MQTT instead of wss on browser

When I run this code with nodejs, it works fine both on wss(code commented) and mqtts protocol. However if I run this on browser, it only works with wss. I trie

React router : update props

I am new to react, I have a component UpdateInvoice which has as props idInvoice and a boolean isNew. this component do two things if isNew is true the componen

React - Navigating between urls without page loading

I am building a website using react. I have a url http://0.0.0.0:9000/courseware/course/6/content/programming/issues/lab/1 which shows a list of issues belongin

How to pass redux props to styled component in react typescript

i'm pretty new to typescript and there's something that is not very clear to me. I'm trying to pass a prop to styled-component file, the prop arrive from redux

Gatsby changes/removes components className after build

I tried to add floating bar to the website. And i have a Layout component that used on every page. The Layout component has some navigation logic, graphQL query

Hello, so im using localstorage to store my input data from tags created. so i have multiple input fields,

So basically the issue i'm having is: For every user, lets say theres tom and daniel, with different details each, with an input bar to add tags. So if i add tw

session changes are losing when request ends in react and nodejs

Hi am trying to implement authentication using node js sessions in file mainLoginArea.js i am calling a function goButtonClicked which helps user to sign in by

onCallback for event handler [duplicate]

Given the input <input ref={inputRef} className={styles.input} onBlur={handleDoneChange} type='text' value={newValue}

React flick when switching between pages

So I went through a lot of these questions here on stackoverflow but I couldn't find solution for me / or I wasn't able to implement one for me. I hope you can

Create a custom Component for React Material-Table row item

I learn React JavaScript and want to create a Material Table with only one Column and every row is a complex component like this; The Squares with number are pa

Dynamic API routing with getServerSideProps in Nextjs

I want to fetch Dynamic API routing after enter submit with input state. but I don't know how to pass state from react to getServerSideProps. this is my code ex

How to post image to my server from Flutter?

I have a small server based on node JS, which communicates with Post Gre SQL database, and server is working on port 5000. I have route called uploadImage, whic

Strange error appearing in React Native: Collection NSSetM was mutated while being enumerated

I started getting strange error in React Native, usually in Modals. Sometimes it works, sometimes it can throw an error: Collections <_NSSetM was mutated whi

Can a String be used as a value in series of Echarts

My JSON looks like this:- { "date": "2021-11-02T11:09:10.000+00:00" "classification": "Internal", } And I want to plot "date" on X-axis and "classification" a

how i can change this code to functional component in react

Here how i can change this code to functional component. If i try to change this to functional component in console data is keep on printing. how i can solve th

React App showing dark theme after installing daisyUI

I have installed tailwind css then installed daisyUI. After running my react app it is showing dark theme. I want to remove it. Here is the tailwind.config.js f