Category "reactjs"

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

Is there any benefit in using Map (Object) over objects in React functional components? [duplicate]

I couldn't find anything about this online but I recently saw some React examples using the Map object to make a simple mapper. This had me w

How to solve "Cannot find module '../definitions/exclusiveRange" in react

When i try to start 'npm start' in react app it shows "Cannot find module '../definitions/exclusiveRange".How to solve this in react version": "0.1.0".

Why function from service class doesn't work from useContext?

I'm trying to pass service as context and then use it in app, but get error "service.getItems is not a function". What is wrong? I know I could just import and

How to draw a complex Gantt chart in react?

I am trying to build a gantt chart, wherein a single row can have multiple horizontal boxes. Something as shown in the below image. image-1. I have explored fol

(MUI v5) (Nested Modal) Both parent and child modal die at the same time

I have simulate my issue in codesandbox: https://codesandbox.io/s/trusting-babbage-ovj2we?file=/src/App.js I have create a nested modal, when the parent modal i

Error: "Module build failed (from ./node_modules/happypack/loader.js):"

This is the theme I am using for a dashboard project (I am under serious timeline pressure). https://themeforest.net/item/enlite-prime-reactjs-fullstack-website

How can I write an adapter for my React Final Form component with Typescript?

I need to write an adapter for a component, to which I need to pass certain props. For example, I have a component which can receive certain props as "disabled"