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
I develop a nextjs application. Inside the root folder, I've made landing/pages/ folder and I want to run dev server with those pages using next dev ./landing.
I'm a newbie building an App that utilizes React Router to switch between 3 different components that each utilize Axios to fetch data from an API. I am trying
I am developing a multi-page form using antd package to add some style In the main page of the form, I wrote the following code (I imported everything that I ne
I'm a bit confused on material ui v5.5.2 on how to useStyles(). This website says deprecated but if so how do you still use this? https://mui.com/styles/basics
It can't drag. What is wrong with it? I'm using react-sortable-hoc with material-ui to custom react-admin list page with drag & drop sortable. Demo : https: