Here is my page.tsx file import Image from 'next/image' import styles from './page.module.css' import React, { forwardRef } from 'react'; import { useRouter } from 'next/router' import {Line} from 'react-chartjs-2'; import { ChartData } from 'chart.js'; export default function Home()…
I am dispatching an action that is supposed to take an input from the user and store it in a database. However, when I inspect my posts state in redux after the action is dispatched, there is a null value…
I'm fairly new to next.js, and I'm trying to create a PWA using Next.js. The goal is to make the start_url of my pwa to be: "/recipes/:recipe_id" I cloned this repo: https://github.com/mvllow/next-pwa-template. Then I updated the _app.tsx file: import type…
I always had this doubt when I think about user data. If I created a site, for example a marketplace, when I'm going to store the data in the backend should I simply create a big array like this? const…
How can I get an element by index in Typescript+React? I keep getting the error: Element implicitly has an 'any' type because expression of type '0' can't be used to index type '{ code: string; name: string; dateTime: string; }'.…
I have a react n-level app where the delete function is a recursive function utilizing Array.prototype.filter(). The data is an array of objects and in each object there can be an array that contains more data. Data: [ { "id":…
After implemented Private Route I keep getting this error. The problem appears when Im trying to get to the Profile page that nested in the . App.js import './App.css'; import { BrowserRouter, Route, Routes } from 'react-router-dom'; import LoginPage from…
I am trying to toggle a button with hook, classname and id but all buttons toggle color instead of one button that is actually clicked. The classname is to toggle classname "dark" and null, where .dark changes the button black.…
I have a pagination component (React). I need the scroll to be moved to the top when changing pages. Can someone help me? const MAX_BTN = 9; const MAX_BTN_LEFT = (MAX_BTN - 1) / 2; const Pagination = ({items, limit…
i am getting the error Grade.jsx:52 Uncaught TypeError: Cannot read properties of undefined (reading '0') at Grade.jsx:52:1 at Array.map (<anonymous>) at Grade (Grade.jsx:39:1) at renderWithHooks (react-dom.development.js:16305:1) at mountIndeterminateComponent (react-dom.development.js:20074:1) at beginWork (react-dom.development.js:21587:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1) at invokeGuardedCallback…