Category "reactjs"

Filter imported data by more than one dropdown box. (React)

Link to GitHub I have tried lots of things to try and get multiple dropdowns filtering the data but cannot figure it out, I've deleted some failed attempt so th

How to show tooltip popup on hover of Child Node in react-flow?

I am using react-flow for generating the topology in my application. I want to show the tooltip popup on the hover of the child node to show the details of the

How to target props of a component already nested inside another component

I am trying to render a different component in my App.js based on an OnClick placed in a button nested inside my Home component. Essentially I want the Home com

PWA Studio - How to Customise the pagebuilder component in storefront?

Used https://developer.adobe.com/commerce/pwa-studio/tutorials/ for creating the PWA STUDIO Store Front. I need to customise the pagebuilder react components. C

Custom hook not updating in component

I have a custom hook that looks roughly like this: export default function useMyHook() { const [foo, _setFoo] = useState([]); const [bar, setBar] = useState

Heroku Error. Cannot find module 'Mongoose'

For some odd reason (i have been deployed on Heroku for around 1.5 years) my instance decided to throw a weird error regarding not finding 'mongoose' after atte

How can I find updated Ag Grid React localization file?

I have currently using a AG_GRID_LOCALE_EN locale file but it is outdated, there are missing keywords. Need the last version of it for the localization. Searche

Custom CSS for AntD Date Range Picker

I am trying to colour code the AntD components on my form so that when I am creating a new record the colour scheme is green instead of blue (when Editing an ex

React admin select input default empty value

I am using react admin's select input& I am currently on version 3.13 and this version allows the attribute 'allowEmpty' to show an extra empty field in the

React prop not working on child component

So I have my parent component with some data: const [purchaseData, setpurchaseData] = useState({ tickets: 0, email: "", firstName: "", lastNam

How to use Vue 3 reactive object outside Vue ecosystem

I'm trying to pass global state created like this in micro front end applications. But the problem is that I have to "watch" for changes somehow in order to set

How to debug npm ERR! errno -4094? [duplicate]

I'm doing my first React project, and following the MOOC instructions, I've had to create routes by this command : npm install react-router-do

Setting up a counter in a document and then retrieve it using Firestore: Would this be alright or would this be too expensive?

Under the orders collection, I created a document called counts which would store the counts for the status of the orders: I then created a function to increme

Custom edge detection for React tooltip causes page to "flash" occasionally

So I created simple edge detection for a tooltip that is part of a charting library. I can't use tooltips that already have implemented edge detection (like MUI

React memo get magically executed twice [duplicate]

i'm creating a react app with useMemo. The memo uses empty array as the dependency list, so it should be executed once, right? Inside the memo

Nextjs Idle time

I have a Next.js platform. On refresh, it takes around 6 seconds to load the page. So I was debugging to find out where the delay was to know what I could do to

How many render operations does act() support?

I am using act function from library https://testing-library.com/docs/react-testing-library/intro/. At this point I have something like this: await act(async (

Why are react-table pagination and filter reset by changing its data?

I added 4 custom columns to my table columns list using its Cell property; each of them in each row contains a checkbox that changes a specific property of the

How to use a third-party API inside next/api?

I am new to NEXTJS and creating a weather application .I am using a openweather api but how can I use it inside the next/api. I had tried by creating a file tod

how to use a font from google font just to be used in one react component with material UI?

i got only one Typography element that uses a different font than the rest of the application , could someone advise what's the best way to get the font from go