Category "reactjs"

Export TailwindCSS CSS rules to file instead of rendering CSS rules on DOM

On my project I use: TailwindCSS + Emotion + Tailwind Macro. I just want to export TailwindCSS CSS rules to the currently generated styles.css file instead of

how to use form data with custom hook in react js?

I have my custom axios hook, to send data without files it works perfectly, but when I send files it does not recognize any data. ...... const axiosFetch = asyn

How to check whether a component renders a deeply nested child of a certain type?

A Modal component must render a Modal.Content, but not necessarily as its immediate child. For example: Allowed <Modal> <Modal.Content>...</Mod

Avoid URL parameter Manipulation

So in my case, after a user chooses a certain room, the number of nights he will stay and the number of guests, the price gets calculated (depending on certain

Retrieving images from json server and display with relevant question

I am building a trivia app. initially I just implemented plain text Q&A trivia but now I also want to add images with questions. I am getting data from my l

Code with event handler using "functional state update" working perfectly in React 17 does not work properly in React 18

I have observed a very strange behavior of React 18 compared to React 17 and I am wondering what I am doing wrong (since React 18 was not supposed to "break" ex

How do I store an array of objects that have arrays as value in Redux?

How do I store an array of objects that have arrays as value in Redux where the value is an array of items and key is a string like the name. I have to store so

Color picking by coordinates

When using a colorpicker like from google, the luminosity at the top left is 100%, on the top right it is 50%. However on both corners on the bottom the luminos

express-session unable to retrieve session variable

I am using express-session to store my sessions persistently on a MongoDB database. The project worked perfectly in a development environment but for some reaso

TypeError: items.map is not a function

My code problem is that I want to create a token from the backend and add it to my item. Now the page is crashing due to mapping the data. <div className='b

how do I get my add to cart button to work in React (cart is not iterable) issue comes up in console?

When I click my add to cart button on the page it comes up with the error 'cart is not iterable' in console not sure what Im doing wrong as Im not sure I really

Convering a whole number to this format 120m59s

Ive looked online and searched and asked but no one can answer my question I need to format a whole number Eg: 12059 to look like this 120m59s. Ive tried with m

Cannot update a component (`BrowserRouter`) while rendering a different component (`Login`)

I am getting this warning when I have worked on my react project: Warning: Cannot update a component (BrowserRouter) while rendering a different component (Log

My React Component is rendering twice because of Strict Mode

My React Component is rendering twice. So, I decided to do a line by line debug and the problem is here if ( workInProgress.mode & StrictMode) {

How can I filter data in a react redux app gotten from an api

I am fetching data from an API and displaying it in NearestRides component(it gives a nested object). I need to filter the data based on state or city selected

Props not rendering for storybook component

I have a component that will take an array of objects and will render a grid of lists //Awards import React from "react"; import MarkDown from "components/Desi

Why does My chrome Browser show the issue "Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform"?

My chrome browser suddenly shows an issue like that A page or script is accessing at least one of the navigators.UserAgent, navigator.appVersion, and navigator.

How to target a nested class in a different sheet with JSS?

I'm not actually sure if i am using the proper terminology. Basically i would like to have a file with a component such as: //Foo.tsx const useStyles = createUs

How to use dotenv in react firebase?

I am trying to set some environment variables in react firebase config variables. But it does not work. Now I want to know how to do the work? Mainly I want the

hoist-non-react-statics issue on rollup.js build

i am having issues while trying to build my storybook with rollup.js, in my react components i am using @mui/material and in their installation page its asked t