So I'm quite new to the NextJS space, I was using plain react before, but I've found the need for ISR, so I came to NextJS since its so far been an alright transition. What I have is the following…
So... when I do something like: const [count, setCount] = React.useState(0); // in something else now setCount(5); Now, I don't really know when setCount is going to update... I can't be sure. Obviously, the current solution is React.useEffect(() => {…
I'm trying to use react-hot-toast library in my project. Following the Getting Started guide on their NPM site I've: installed the library, imported toast and Toaster, added notify function, added the div with button and Toaster. import toast, { Toaster…
I have a component in React with two states using useState. The first one is used to Save the current Object from a form and the other one is used to store all objects by id. To make the code…
I have created a BMI calculator app and I want it to change one of the 6 buttons from "btn-primary" to "btn-danger" colors depending on the BMI answer. but after calculation, no button changes color but the answer changes immediately.…
I'm trying to create a cascading select to define a category of a file const categories = ["a", "b", "c", "d"]; <InputLabel id="category">Category</InputLabel> <Select labelId="category" id="category" value={category} label="Category" onChange={handleChange} fullWidth > {categories.map((item) => ( <MenuItem value={item} key={item}> {item} </MenuItem> ))}…
The React docs claims that "useCallback is a React Hook that lets you cache a function definition between re-renders." How is it possible to cache function definitions? This example is taken from React docs: import { useCallback } from 'react';…
I am using next-auth.js version 4.19.2 with the "credentials" (db) provider and some custom sign-in, and signout pages. I seem unable to return what it expects from the authorize() handler. I would like to return the authenticated user or an…
I encountered this error while following the instructions of the Road to Learn React book. I'm trying to add "remove" buttons that will remove certain info and in the end render the updated list. This should be super basic but…
App.js import './App.css'; import CreateBug from './CreateBug'; import { BrowserRouter as Route, Routes } from 'react-router-dom'; import Button from '@mui/material/Button'; import { useNavigate } from "react-router-dom"; function App(history) { const navigate = useNavigate(); const handleOnClick = () => navigate('/createBug'); return…