When I try to access the data from a Firestore collection called 'Targets' it returns: {"_U": 0, "_V": 0, "_W": null, "_X": null} my firestore item is: item pho
How can debounce be applied to the async validation below (code from Yup's github) ? let asyncJimmySchema = string().test( 'is-jimmy', '${path} is not Jimm
I know that React may perform state updates asynchronously and in batch for performance optimization. Therefore you can never trust the state to be updated afte
Background I wanted to follow Material UI's implementation of toggling UI's dark/light mode theme. Link. I have encapsulated its implementation into a custom ho
I am trying to write a unit test for a function like this: export class newClass { private service: ServiceToMock; constructor () { this.service =
I am doing a simple animation in a next.js app. let flipInterval = useRef(); const startAnimation = () => { flipInterval.current = setInterval(() =>
I have written a Higher Order Component: import React from 'react'; const NewHOC = (PassedComponent) => { return class extends React.Component {
Does anyone know if you can use react-bootstrap with Next.js? I am using the latest versions of both, I can provide code at this point, but right now my app is
I have a input field for price and quantity and I want to restrict it to have only +ve integers. I don't want to do any kind of validation like the type=number
React does not recognize the computedMatch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowerc
I'm working with Algolia instant search for react, and I'm using a custom SearchBox component which I've written like so: import { connectSearchBox } from "reac
I'm trying to write a record to a database but need to find the next Id in the sequence. I wrote a function to find the highest Id number in the database, incr
import Table,{TableProps} from 'my/table/path' const StyledTable = styled(Table)({ ...my styles }) const AnotherTable = <T, H>(props: TableProps<T,
I have the following files... useAuthStatus.js import {useEffect, useState, useRef} from 'react'; import { getAuth, onAuthStateChanged } from 'firebase/auth';
**ProductDetailsScreen.js >>> Here is my code, I got the product list from Redux store, But facing a problem when initializing product details. ** e
I have a textarea, I created a preview div which only displays the text, but I want the text to have background color of grey when the sentence is between `` to
I'm currently doing a repo finder and I'm having an issue to make the program display the repo name The main page looks like this import {FaGithub, FaPlus, FaSp
I'm building an application with Firebase oAuth. I followed all the instructions, but my code is returning an error saying that 'asyn arrow function expected no
I am calling two APIs using two different function. First, I am fetching order details using getOrder method. Once I get the order, I am calling another method
I got this error when deploying Next.js to Netlify. Error: Image Optimization using Next.js default loader is not compatible with `next export`. Possible solut