Category "reactjs"

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

how to install and use react toast?

import React from 'react'; import { ToastContainer, toast } from 'react-toastify'; import 'react-toastify/dist/ReactToastify.css'; function App(){ const no

React Bootstrap table 2 search issue

We are using a React-bootstrap-table for the table and we are facing an issue in searching the data in the table while using pagination it searches data only fo

How to extend components of this type - PaperTextInput.Icon or Tab.Navigator when using styled components?

I noticed that my attempts to extend components like PaperTextInput.Icon or Tab.Navigator are failing and I'm wondering how am I supposed to extend them? What I