I have a functional component ViewAlarms that stores the alarm in an objects array using use state, and another functional component AlarmCard that is responsible for rendering the cards that hold the main info of an alarm. the ViewAlarms Component…
I'm trying to validate the input after the API request. It looks like value hasErrors is not updated within a validation function. Only after the rerender it gets the value. And - yes I tried many things like useCallback, setting…
I have a small React app. The aim of this project is to manage products. These products contain features. The example below is for a page used to configure prices for product features. export function App() { // This state…
This is my react code for Protected Route: import React, { useState } from "react"; import { Navigate, Route } from "react-router-dom"; const ProtectedRoute = (props) => { const [isAuthenticated, setisAuthenticated] = useState(false); const checkALog = async () => {…
import navigationConfig from "configs/NavigationConfig"; import useAuth from "hooks/useAuth"; import useUserType from "hooks/useType"; const { SubMenu } = Menu; const { useBreakpoint } = Grid; const setLocale = (isLocaleOn, localeKey) => isLocaleOn ? <IntlMessage id={localeKey} /> : localeKey.toString(); const setDefaultOpen =…
I am following the Next.js tutorial. Currently I am stuck on this page: https://nextjs.org/learn/dashboard-app/adding-search-and-pagination After a thorough web search with no clear answer, I would like to consult you. Thanks. function handleSearch(term: string) { const handleSearch = useDebouncedCallback((term) => {…
so the problem is when i create next js app,the node said that i still use older node version: npm v10.5.2 does not support Node.js v16.20.2. This version of npm supports the following node versions: ^18.17.0 || >=20.5.0. You can…
On react app I have a page containing 6-7 ant design plot charts, there is also other content on that page. Now the problem with antd chart is when trying to scroll with touch on mobile phone (Android). touch on…
1.) npm install [email protected] 2.) npm install bootstrap 3.)npm install [email protected] popper.js@^1.12.9 bootstrap But unfortunately each and every time i have to face the same error (base) ritwikbiswas@Ritwiks-MacBook-Air awesomeapp % npm install [email protected] popper.js@^1.12.9 bootstrap npm ERR! code ERESOLVE npm…
I am very new in react, and am trying to create a function that maps 5 cards on the screen from an array but is able to change the CSS of only the one that is clicked. export default function…