Category "reactjs"

Understanding React's Key Property Outside Of Arrays

I encountered this behaviour in React and don't understand what is going on exactly. Say I have two select elements, the first is controlled by React, and the

Property 'isMounted' does not exist on type 'ErrorBoundary'

I'm practicing typescript and I've run into this bug that won't let me move forward: Property 'isMounted' does not exist on type 'ErrorBoundary'. I have the fol

toContainHTML providing an error when HTML element exists (React Testing)

todoElement is supposed to contain a strike element but my test says otherwise. I've declared in my Todo function that if text is completed then it should rende

Next.js router.query getting undefined on refreshing page, but works if you navigate to it from Link component [duplicate]

Why is router.query empty when I refresh a page with the correct id in the URL, but when when I navigate towards it through , it works? say I

How can I re-distribute values within a charts.js pie chart when a legend item is turned off/on?

I have distributed the data across the pie to equal 100% in total ( I think lol ) please verify that's correct if you don't mind. But I want to be able to re-di

How to handle Deep Linking with Auth0-react SDK

I'm using Auth0-react sdk, which is the newer version of the react-auth0-spa.js. I'm trying to redirect the user to the original URL enter in the browser before

How to disable eslint errors showing in the browser

When I run my create react app application using npm start, the eslint errors are shown in the browser on top of my site. I expect to see these warnings and err

npm ci passing locally but failed on gitlab

Getting this error during npm ci command, but it is working fine locally (tried removing node_modules and running npm ci to reinstall it, no errors) $ npm ci np

HERE REST API - React/Typescript - OAuth Signature mismatch

I am trying to implement the OAuth authentication for HERE REST API following this documentation: https://developer.here.com/documentation/identity-access-manag

How can I get my Modal in Leaflet to appear in front of the map?

I am using leaflet to display a map of Jamaica which should prompt a modal to pop up once the user clicks on one of the parishes (states). Currently the modal a

Getting error when submitting multiple file attachments to list item using sp/pnp latest version

I'm using sp/pnp to submit a list item with multiple attachments: export const CreateListItem = async (listName: string, item: any, files: File[]) => { c

Problem with emitting a list of rooms in Socket io

First of all, I'm very new to socket.io, so if someone would lend a helping hand it would mean a lot! :) I am making a simple chat app were a user can create or

How do I attach an event listener to the "max" Avatar in Mui's AvatarGroup?

I am trying to attach an event listener to the "max" Avatar specifically in the AvatarGroup, I know I can style the element but don't have access to the element

React Components Rendering Error in Electron-React-Boilerplate

Good Afternoon all, I built a React.js web music-player application a while ago, and now I am transforming my old react application into a downloadable des

Cannot animate nested routes (outlet) only in React Router Dom v6

I have a project with a few pages that are rendered within a layout with a sidebar and a topbar: <AnimatePresence exitBeforeEnter> <Routes location=

How can I get Api data in a Component and use the data I get in another?

This is where I would like to "stock" my API data. It's a component named api.js import axios from "axios"; function Api() { const options = { metho

Warning "Each child in a list should have a unique "key" prop' even with the key present (React + Material UI)

I am trying to fetch data from a JSON file using map function, but I keep getting this error 'Each child in a list should have a unique "key" prop' even though

Exposing error messages from Auth.forgotPassword and other Auth methods

Is there a way to see all available error messages that are returned from the @aws-amplify/auth Auth methods? When calling Auth.forgotPassword with the correct

Ensure that there is only one instance of "graphql" in the node_modules directory

While trying to download the schema using npm run schema:download I am receiving the following error. [email protected] schema:download npx apollo service:download

Unable to map nested array data in JavaScript?

Here, I have nested array object categories which have nested array objectproduct. product contains name, price, discount, unitsold properties with images array