I'm making a web page with a dynamic list of form inputs, where more input fields can be added or deleted using buttons. I have a parent object <Ingredients /> that keeps track of the inputs and keeps them in…
The Background color of the selected list item isn't changing, only the text color is changing to white. import { NavLink } from "react-router-dom"; import { useTranslation } from "react-i18next"; import { MyContext } from "./links/MyContext.jsx"; import { useContext }…
I am working on a form that has 2 arrays of objects in it. They are working as expected, and I am now working on displaying the error messages for them. This is the code I have currently: <div className="mb-10">…
I'm trying to integrate a JS library in my NextJS app, but when loading the page I always get the following error on the server-side: ReferenceError: window is not defined I don't understand why this occurs, since I'm using this…
i am building a movie website with react and the problem is happening in usestate I think pls take a look i was trying to have my search bar display some results but it did not and is showing error…
I'm encountering an issue where the useQuery hook in React Query doesn't update its query function when certain data changes. Here's my code: import { request } from "../utils/fetch-utils"; import { useQuery } from "@tanstack/react-query"; import { CustomError } from…
Let me explain what I want to achieve and what I have tried. //The Problem I have an API endpoint built with nextjs API Url Remote: - http://codingsamadhan.com/api/portfolio API Url Local - http://localhost:3000/api/portfolio this is the API for the portfolio…
I am new in React and face an issue. I have several divs and when a div is clicked, I want to add a new class in this div only. The issue is when I click on a class, it…
Sorry new React guy here and cant for the life of me figure out this issue. This is just the necessary code snippets of my app but Im just trying to get the contents of the clicked Datagrid row, pass…
App.js import React from 'react'; import './App.css'; import Home from './components/home/Home'; import Sidebar from './components/sidebar/Sidebar'; import About from './components/about/About' import Services from './components/services/Services'; import Resume from './components/resume/Resume'; import Portfolio from './components/portfolio/Portfolio'; import Pricing from './components/pricing/Pricing'; import Testimonials from './components/testimonials/Testimonials'; import…