Category "reactjs"

Reaction not being triggered by nested observables

I have a observable class with nested observable properites: class TodoItem { @observable name: string = ""; @observable completed: boolean = false; @act

React Native Picker Change Overlay Color And Prevent Text Cut

currently i'm using https://github.com/react-native-picker/picker library But i got some problem, my placeholder text is cutted and i want to change the overlay

how to connect trust wallet and metamask in react with ethers.js

I am going to connect with trust wallet on mobile and metamask on computer in react. but now I can only connect with metamask. I want to connect with trust wall

Jest test for a copy to clipboard method using react with typescript

I am trying to ensure that the right value is copied to the users clipboard when they click a button. This is my copy method. I am using a ref on the input to a

Firebase error: No firebase app default has been created

I am making a food delivery app using react-native and redux. I want to fetch the data from the firebase store and for that, I have written a function in the ac

React Jest:- node:internal/process/promises:246 triggerUncaughtException(err, true /* fromPromise */);

I have below code in react. useEffect(() => { (async () => { await httpClient .get(`${config.resourceServerUrl}/invent

Loop or map array inside the JavaScript object

I have an array of javascript objects like: const arrayData = [ { name: "campaign 1", date: "2022-05-13", milestones:[{name:"Planning", targetDate: "2022-05-25"

ReactJs Socket Client doesn't receive data from Flask Socket using emit(... , to=room)

I'm trying to develop a real-time chess app with Flask socket-io and ReactJs. My problem is that when setting emit(..., broadcast=True) on the server-side, the

How to resolve this reference error : Audio is not defined

Problem I'm trying to play some audio files in some specific situations. e.g) When users access to login page, the audio plays 'Please enter your phone number'

How to remove axis line from Rechart React graph?

How to remove line from x-axis to only have the values left for the UI? <AreaChart data={data} margin={{ top: 10, left: 0, bo

"No overload matches this call" error when setting up ContextApi & useReducer using Typescript

I trying to set up ContextApi & useReducer with typescript. On my "issuesInitialState" variable in useReducer, I get the error: No overload matches this ca

Material-UI - Apply max-height to Select children

I am using the Material-UI react library to render some Dropdown menus, using the <FormControl>, <Select> and <MenuItem> components. The optio

Outlook add-in is showing an empty html content upon first load

I am currently building an office 365 add-in on outlook and upon first load the add in is showing an empty html content like so before the whole add in render c

Conditionally return ForwardRefExoticComponent and FunctionalComponent

I have created a wrapper on MUI TextField component i.e. TextFieldWrapper with custom stylings and validations. It is being in the app in many places. The probl

What does "hydration mismatch" mean in React or Vue?

While using both Vue and React, I regularly stumble upon so-called "hydration mismatches". What does it mean?

unable to display only year in react datepicker

Here is my below custom component for datepicker with yyyy format return ( <DatePickerWrapper disable={disable} > <DatePicker

Next.js: Error: React.Children.only expected to receive a single React element child

I'm having a component called Nav inside components directory and it's code is some thing like below: import Link from 'next/link'; const Nav = () => {

Proper way to use react-hook-form Controller with Material-UI Autocomplete

I am trying to use a custom Material-UI Autocomplete component and connect it to react-hook-form. TLDR: Need to use MUI Autocomplete with react-hook-form Co

CSRF cookies not set - React, JWT, Django

I'm rather confused regarding the following error: "Forbidden (CSRF cookie not set.)". This error is received during attempting to logout, login, signup. The pr

Redux store takes lil bit time to update store which causes else block to execute and hence get redirected to unintended page

//PrivateAuthComponent.js import React, { useEffect, useState } from "react"; import { useSelector } from "react-redux"; import { useRouter } from "next/router"