Category "reactjs"

react-xarrows not updating lines in position

There are some issues I'm having while using the react-xarrows with mui. I'm trying to achieve: The line should be connected in the same position after toggling

sort .map data in react js (show latest date on top)

I am trying to sort data according to date where the latest date must come at top of the list let mapped = predefined.reduce((r, a) => { r[a.date] = [...(

AnimatePresence causing 'Uncaught TypeError: Cannot read properties of null (reading 'useRef')'

When trying to implement framer-motion into my project I get the following errors in my console and nothing renders on the page. Warning: Invalid hook call. Hoo

Serve ReactJS + PHP on Ubuntu Server

I am working on my first web-project and therefore have an Ubuntu machine with apache2. I am quite new to web development and have never deployed a website befo

My React component is re-rendering, cannot figure out why

I'm building a React App with Firebase and my component is constantly re-rendering. I tried some things that didn't work (because they couldn't work, like setti

Filter by date using React Hook

There are 2 methods of filter by date and by letters , they should work together and separately. 2.I thought I can combine them , but nothing happened and tried

React js ecommerce price change when size and material variants option selected

I am trying to get the final price in the productInfo page when the material and size variants options are selected. In the data.js: export const productItems =

How to get component loaded state in Next.js?

I am working on a simple Pokedex that shows all pokemon, I am displaying all the cards by using a map function on an array of pokemon objects like this: {pokemo

How to test a component that has a conditional to be displayed?

I am trying to test a component with jest and react-testing-library that contains a conditional to be displayed. export default function CloseCollaborator

TypeError: doc is not a function at addSubCollectionDocument

I'm trying to add a new document to a non-existing sub-collection in a document(solutionsCollection/docID/commentsSubCollection). But I'm getting this error mes

Change language in DatePicker Ant Design

I have some problem with change language of month and days in my DatePicker from Ant Design. I want my DatePicker looks like this: want I try to use this https:

Modifying Schema only for one document

I'm creating an application in the MERN stack and I stumbled upon a problem. I will start by explaining how that app is going to work. So, in that application u

In React Like Button Count is not Updating

Here, I'm getting data from API in array of objects format. i'm showing each object data in a section, for that each section i need to add a like button. Defaul

Fixing Layout by Removing Spaces of React Grid Layout When Set Compact Type Null

I am using react-grid-layout package for my layout design. I want to use compactType=null configuration for free items moving on the layout. But when I change t

How can i position a logo image from a list react component?

i would like to find the way to position the logo images like it looks here enter image description here I couldn`t find a way to position multiple logo images,

Capture Errors From Embed/Iframe

So I'm building a React application for a client and they want me to find when a user is not authenticated, and redirect to a different site. When the user is n

NextJS: Error serializing `.data.data` returned from `getServerSideProps`

I'm new to NextJS. I'm working on a simple page in which I need to retrieve data from my backend app. My backend app is a totally separate app written in go. My

AntD React InputNumber Increase/Decrease buttons appear to start infinite loop

I am experiencing some unusual behaviour with AntD InputNumber component, specifically using the up/down incrementation buttons: I have a very basic implementa

Error in production after upgrading to react 18

I am trying to update dependencies in this Next JS Starter https://github.com/timlrx/tailwind-nextjs-starter-blog After upgrading react and react-dom to 18.0.0

Typscript Error on Class Constructor - No index signature with a parameter of type 'string' was found on type 'BarberModel'

I have a class constructor and I want populate it with an object that I receive in constructor. But I don't know how to solve this TS error on line this[key] =