Category "reactjs"

Swiper 8 and jest

Swiper 8 and Jest (support ESM) Must use import to load ES Module enter image description here enter image description here How we can solve if I need to keep s

Better option for image upload (cloud) in NextJS

I'm currently developing my first real project for a client with NextJS and MongoDB and I'm having problems uploading images. I'm working with Cloudinary but it

Trying to use react-player throws a Hydration error

Hi how are you? I'm trying to use react-player in my Next.js app without any luck. This code import ReactPlayer from "react-player"; const Home = () => { re

Module not found: Error: Package path is not exported from package

Trying to make a singup/login page. Code: import firebase from 'firebase'; const config = { apiKey: "AIzaSyCnx2VxuuVmYNeEj22xoyAR0ygS0b1w174", authDomain: "fir-

react The swipe animation will be performed twice

When you press the Circle button, the Box moves to the right and disappears from the screen. Additional information (FW/tool version, etc.) react scss Typescrip

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