import { PayloadAction, createSlice } from "@reduxjs/toolkit" type TodolistState = { id: number, title: string, body: string, done: boolean }[] const initialState: TodolistState = [{ id: Date.now(), title: 'test title', body: 'test body', done: false }] const todoSlice = createSlice({…
I have stored array of objects in a state and I am using map over state to display content. whenever I click on button I get next element not the current. I don't know why whats happening here. If someone…
I created a custom hook in my Nextjs application to send a request using Axios. Here is my useApiRequest file: import { ErrorResponse, SuccessResponse } from "@/types/api"; import axios, { AxiosResponse } from "axios"; import { useState } from "react";…
I've created a currency converter app with next.js. It works fine. However I also try to insert a functionality that allows users to swap From and To currencies back and forth. This is the function code: const swapCurrencies = ()…
I am currently facing difficulties in updating my Component Array. My current code is as following: import React from 'react'; import ReactDOM from 'react-dom'; const Item = ({ value }) => { return ( <div className="col"> <div className="card" style={{width: "30rem"}}>…
I am trying to get some React code to work. I need to work with react.development.js and not React on the server side. I am trying to solve a different issue and I wanted to use useState for that, but…
I've created a currency converter app. My app accepts number as input and works well. However, when user types something other than a number or leaves the input field empty, my app does nothing. I want it to return an…
I'm still getting used to Typescript in my NextJS app and can't get past this TS error. It's for the line value={value} in <Slider.Root> value is an object with 2 number elements: a min and a max. I modified the…
I have completed basic course on Next.js, where I used Image component in the following way: <Image src="/hero-desktop.png" width={1000} height={760} className="hidden md:block" alt="Screenshots of the dashboard project showing desktop version" ></Image> and hero-desktop.png was in the public directory, alongside app…
I'm trying to translate something like this "User {id} payments" to both English and Hungarian. How can I do it with the t macro with my current setup? title: (id, i18n) => t(i18n)`userPayments`,