Category "reactjs"

How can I link certain actions between 2 Redux stores?

I've got a situation whereby I wish to "link" a portion 2 Redux stores together (I know this is unusual), but I can't work out how to filter the actions appropr

Change the :active background-colour of the React-Bootstrap tabs

I am new to bootstrap but I am a bit fluent in React. I just want to ask how to change the :active background colour of the react-bootstrap tabs. Here is the li

How to display Google Locations reviews on my website with google api?

I know this question is common, however, I couldn't find any straight answers. All the answers have mentioned what is required to achieve this but no end soluti

Display loader before a react-apexchart is displayed

I want to display a loader till my chart is displayed.I have implemented the following code but it doesn't work.The loader should display as soon as "compare" b

Convert React/javascript string array of objects to array of objects

This seems like a trivial issues but I can't get it working properly. I'm fairly new to JS/React so that is working against me also. This is the response I get

TypeError: Cannot read properties of undefined (reading 'EmailAuthProvider')

Attempting to implement FirebaseUI authorization in a Next.js application following this example https://github.com/easywebsify/next-login-firebase. Getting the

Is it antipattern having array manipulations in React render like in the sample below? [closed]

I need to create new array of items from very complex props that includes array of objects. The component is class based component. I did all

If user's email and password doesn't match the other codes won't run and return an error. But if does, then it will work fine in google firebase

I've been trying to show the error if user's email and password doesn't match. But can't figure out what I've been doing wrong. When I login with the wrong pass

How to set database dynamically based on client request in Laravel

I am using a Laravel Application as a backend and wish to set the database connection dynamically (and keep it until the page is refreshed) through an axios req

When i try to npm install or npm install <any-package>, i see "Cannot read properties of null (reading 'edgesOut')" and İ have package.json

When I try to npm install or npm install, I see "Cannot read properties of null (reading 'edgesOut')" and I have package.json I add screenshots, please help me,

How can I get React.js TypeScript to accept 'parentElement' on 'event.target' with a onKeyDown event?

I have a special accessible element built with React TypeScript and I am trying to define keys to navigate it and to be able to focus within the table element.

Strapi v4 REST API :GET image [closed]

please I am working with the new strapi v4 and... In the old versions of strapi all I needed to do in order to get the image from my collectio

How can I hide the userid of a user from the session storage while inspecting?

While storing data in sessionStorage for a react app, I can't hide the user's userid in the browser. How can I do it?

Uncaught TypeError: Cannot read properties of undefined (reading 'common')

import React, { useEffect, useState } from 'react'; import { useParams } from 'react-router-dom'; const CountryDetail = () => { const {countryname}=u

(MERN App) All API calls returning 504 (Gateway Timeout) on Heroku deploy yet working fine locally

I have built a MERN stack app which has a few different API calls. It works as expected locally however it returns 504 (Gateway Timeout) for all the API calls w

Uncaught TypeError: Cannot read properties of undefined (reading 'common')

import React, { useEffect, useState } from 'react'; import { useParams } from 'react-router-dom'; const CountryDetail = () => { const {countryname}=u

(MERN App) All API calls returning 504 (Gateway Timeout) on Heroku deploy yet working fine locally

I have built a MERN stack app which has a few different API calls. It works as expected locally however it returns 504 (Gateway Timeout) for all the API calls w

Can't center image and fill screen with video on NextJS app

I am trying to: center the image above the waitlist sign up have the background video scale in some relative way so that it doesn't have to load in a perfectly

Tailwind V3 causing TypeError: Cannot read property '500' of undefined

I recently tried to upgrade my project to tailwind css and I'm getting this error this is my tailwind config module.exports = { mode: "jit", purge

React-scripts test: no traceback on exception

I remake browser version of TacticToy game with React, and during unit-tests writing I've got a problem: there is no full traceback of a custom exception, only