Category "reactjs"

React-Tooltip not displaying until page is refreshed

Bit of a weird one here. My website is virtually done, there is just one issue. I've implemented tooltips, but they only display once I refresh the page! Here i

Variable not displaying on Screen

I've set condition for when a user enters numbers into a text box depending on what the numbers entered start with on screen it should display the name of the c

How to write custom select/checkmark logic for material-table, to include selected rows inside of detail panel nested material-table

I have a material-table component where I am rendering a nested materiel-table in the detail panel of each row. I would like to know if there is a way to includ

How to make an arrow function in react so that it executes only once and saves the data in sessionStorage

I am developing an application in react.js and I need to implement a request to Active directory to extract the information of the logged in user, through Micro

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined... issue

import firebase from 'firebase/compat/app'; import "firebase/compat/storage"; import 'firebase/compat/auth'; import 'firebase/compat/firestore'; const firebase

The current testing environment is not configured to support act(...) - @testing-library/react

I'm trying to upgrade my project to React 18, everything works in dev and production mode in the browser. But after upgrading to the latest version of @testing-

React webpage refreshing every 4-6 seconds

I'm not really sure even what part of my code to show because it's such a general error, but everytime I npm start my React webpage it automatically goes from t

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